html meta 你真的知道吗?
2013-12-20 15:20
176 查看
meta是用来在HTML文档中模拟HTTP协议的响应头报文。可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
对于目前有多版本的ie浏览器,当浏览器切换到其他版本时,往往不会如我们所愿采用标准的文档规则渲染,于是提前设定一下是很有必要的
这个可以帮助我们告诉浏览器应该以什么样的标准的渲染,当然目前来说都有ie11了我们是不是应该设置为ie11?回答当然是否定的!
因为不能保证所有人的ie的最高版本达到了11,比如目前来说win8还是10而win7已经可以自动升级为11,这个比较郁闷,所以,我们可以将渲染标准设置为9~10还是比较保险的。
meta 标签用于网页的<head>与</head>中
meta 的属性有两种:name和http-equiv。
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
在 HTML 中,<meta> 标签没有结束标签。
在 XHTML 中,<meta> 标签必须被正确地关闭。
name 属性
1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;
nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;
又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">
定时让网页在指定的时间n内,跳转到页面http://yourlink;
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" contect="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" contect="">
网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" contect="_top">
强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">
和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面.
9、<meta http-equiv="Cache-Control" CONTENT="no-cache">
清除浏览器中的缓存
对于目前有多版本的ie浏览器,当浏览器切换到其他版本时,往往不会如我们所愿采用标准的文档规则渲染,于是提前设定一下是很有必要的
<meta http-equiv="X-UA-Compatible" content="IE=7" />
这个可以帮助我们告诉浏览器应该以什么样的标准的渲染,当然目前来说都有ie11了我们是不是应该设置为ie11?回答当然是否定的!
因为不能保证所有人的ie的最高版本达到了11,比如目前来说win8还是10而win7已经可以自动升级为11,这个比较郁闷,所以,我们可以将渲染标准设置为9~10还是比较保险的。
<meta http-equiv="X-UA-Compatible" content="IE=7,ie9,ie10" />当然也不反对将所有的版本号都写上去,因为经测试应该是由高到低选择的。
meta 标签用于网页的<head>与</head>中
meta 的属性有两种:name和http-equiv。
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
这其中最重要的是description(站点在搜索引擎上的描述)和 keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
在 HTML 中,<meta> 标签没有结束标签。
在 XHTML 中,<meta> 标签必须被正确地关闭。
name 属性
1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;
index:文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;
nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;
又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">
定时让网页在指定的时间n内,跳转到页面http://yourlink;
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" contect="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" contect="">
网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" contect="_top">
强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">
和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面.
9、<meta http-equiv="Cache-Control" CONTENT="no-cache">
清除浏览器中的缓存
相关文章推荐
- 你需要知道的 HTML <META>
- [html]meta说明
- 你知道HTML标签设计的本意吗?
- html基础 meta标记 每隔五秒网页刷新一次 打开网页10秒钟后跳转指定页面
- HTML之——<meta>
- html页面中meta标签的功能
- html页面中meta标签你不知道 的秘密——meta用法以及相关属性
- Html中meta标签详解--以前经常忽略的
- html基础用法②——文档声明和META标签
- HTML Meta 详解
- (四)vue开发 - 根据vue-router的meta动态设置html里<title>标签的内容
- 涨姿势!手机端的META你知道多少?
- ASP.NET 2.0 读书笔记 圣殿 之 HtmlHead & HtmlMeta
- HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?
- 网页HTML代码中Meta标签详解
- HTML-<meta>标记
- HTML META的用途,功能和属性
- html的《meta》讲解
- html中meta标签的http-equiv的典型用法(转)
- HTML <meta> http-equiv Attribute 说明