你的位置:首页 > 网页设计

[网页设计]Meta也很强


  1. <!--http-equiv 必要属性-->
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <!--当浏览器向服务器请求页面时,服务至少会发送一个值对。这将告诉浏览器准备接受一个html文档 content定义文档类型,字符编码-->

 

  1. <!--http-equiv 常用缓存设置-->
  2. <meta http-equiv="Pragma" content="no-cache" ><!--禁止浏览器从本地缓存中调取页面内容-->
  3. <meta http-equiv="Cache-Control" content="no-cache" >
  4. <meta http-equiv="Expires" content="0" >
  5. <!--清除浏览器中的缓存,这三句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。-- >
  6. <meta Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/" >
  7. <!--禁用缓存,使得浏览器的每次请求都是服务器动态加载。如果网页过期,那么存盘的cookie将被删除。注意一点时间使用GMT格式或者是0(数字表示多长时间后过期)-- >
  8. <meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT" >
  9. <!--指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅-- >

 

  1. <!--http-equiv IE中网页渲染方式-->
  2. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
  3. <meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
  4. <meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
  5. <meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
  6. <!--X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,使用X-UA-Compatible标签强制IE8采用低版本方式渲染-- >

 

  1. <!--http-equiv 页面实用功能-->
  2. <meta http-equiv="Widow-target" Content="_top" />
  3. <!--强制页面在当前窗口以独立页面显示,Content选项:_blank、_top、_self、_parent-->
  4. <meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)" />
  5. <!--加载/跳转时特效 而且这效果只有IE内核支持   更多效果请点我...-->

 

  1. <!--SEO优化-->
  2. <meta name ="keywords" content="myWord"><!--告诉搜索引擎你的网页关键词-- >
  3. <meta name ="description" content="150 word"><!--用自然描述网页的核心内容,便于搜索引擎搜索-- >
  4. <meta name ="author" content="裸奔白菜" ><!--网页作者-- >
  5. <meta name ="Copyright" Content="本页版权归裸奔白菜所有。All Rights Reserved" ><!--网页版权-- >
  6. <meta name ="Generator" Content="Notepad++" ><!--编辑网页所使用的编辑器-- >
  7. <meta name ="robots" content="none"><!-搜索引擎索引方式——
    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;
    index:文件将被检索;
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索;
    nofollow:页面上的链接不可以被查询-- >
  8. <meta http-equiv="refresh" content="5;url=http://www.cnblogs.com/bangxw" ><!--网页重定向,5...秒后跳转-- >

 

  1. <!--网页标题的图标-->
  2. <Link href="soim.ico" rel="Shortcut Icon" />
  3. <!--文件名必须是以.ico结尾-->