如何使用HTMLhtml5 meta标签记

来源：蜘蛛抓取(WebSpider) 时间：2016-04-03 02:18 标签： html中meta的作用
首先，看了一下几个公司的规范：百度efe的：腾讯 AlloyTeam：Github：发现都没有HTML中&head&标签里其他标签如：&meta&、&link&、&title&、&script&顺序该如何书写。然后，看了BAT各大网站，发现顺序也是各异。知乎抽风，上传暂时不了图片，无法品鉴了。就想问一下哪些前端团队规范了这块东西？是根据什么规定顺序的？
其实这些没有严格的规范啦，一般&script&在最后，其他的也无伤大雅了
没有特定规定。&br&&br&不过我至少有一条建议：确保&meta charset=encoding&放在最前，让浏览器尽早获得字符编码信息，如果要浏览器据此决定转码可以早点转。
没有特定规定。不过我至少有一条建议：确保&meta charset=encoding&放在最前，让浏览器尽早获得字符编码信息，如果要浏览器据此决定转码可以早点转。
泻药，刚注意到。&br&其实都答的七七八八了啊。&br&&br&基本上就这几个标签么 &br&&meta&、&link&、&title&、&script&、&style&、&base&&br&&br&它们没有（规范上的）既定顺序标准。&br&一般是按照具体经验来分配。&br&如：&br&&ol&&li&&meta&&br&&/li&&li&&title&&br&&/li&&li&&link& \ &style&&br&&/li&&li&&base&&br&&/li&&li&&script&&/li&&/ol&&br&当然，约往后位置约不重要。比如 4 5 调换也没啥大事儿。&br&基本规律是：&br&&ul&&li&meta 最好写在第一个，特别是 meta chaset 设定必须写第一个，它们是元数据，能让数据获取方得知此页面的元数据。最先得知页面编码，进而获取之后meta（如果有）内的作者、关键字等数据（因为这些内容可能是非ASCII字符）时，可以用指定编码方式获取。获取方得到全部元数据后可以自行判断是否继续获取其后内容。&br&&/li&&li&title 紧随 meta 之后是因为可能获取方需要知道页面标题信息，并且在最先获取 chaset 信息后知道此标题的编码方式。如果获取方是页面浏览器，那么它可以最先用正确的页面编码方式显示标题给用户。&/li&&li&link、style 紧随 meta，其实还是主要为 link 大部分都是 CSS 样式文件考虑。由于外联样式可以并行下载，不会阻塞后续处理工作，style 也能让浏览器尽快得知页面排版布局信息。&br&&/li&&li&base 一般情况下用的不多，只要不放第一个基本没啥关系。&/li&&li&script 放在最后，是基于script 不关是下载还是执行都会阻塞页面考虑，让它尽量偏后。（当然，这在绝大部分现代浏览器中不是事儿了，它会尽量&拖后&外联脚本下载时机）现在大多数情况没有特殊需求 script 都不放在 head 里了，而是放在 body 最后一个子节点上（也有给扔 html body 之外的，浏览器容错还是能给它修正回 body 最后节点上）。&/li&&/ul&
泻药，刚注意到。其实都答的七七八八了啊。基本上就这几个标签么 &meta&、&link&、&title&、&script&、&style&、&base&它们没有（规范上的）既定顺序标准。一般是按照具体经验来分配。如：&meta&&title&&link& \ &style&&base&&script&当然，约往后位置约不…
已有帐号？
无法登录？
社交帐号登录
欧浦家居网品牌推广/爱跑步/爱美剧欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> 网页中之meta标签
什么是meta标签?
在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、、robots、自动跳转等声明及说明标签。
网页显示字符集网页编码
简体中文：&meta http-equiv=&Content-Type& content=&text/ =& /&
中文：&meta http-equiv=&Content-Type& content=&text/charset=& /&
繁体中文：&meta http-equiv=&Content-Type& content=&text/ charset=& /&
英 语：&meta http-equiv=&Content-Type& content=&text/ charset=iso-8859-1& /&
2、网页制作者信息
&meta name=&author& content=&Evance& /&
3、网页关键字声明（搜索引擎优化地方）
&meta name=&keywords& content=&abc,xxx,defg,xyz& /&
4、网页简介说明（搜索引擎优化地方）
&meta name=&description& content=&简介内容如本页教程之meta标签说明-& /&
5、防止别人在框架里调用你的页面&meta http-equiv=&Window-target& content=&_top& /&
6、自动跳转（此标签用法可以让网页在多少秒后自动从当前页面跳转到另外一个网页页面或网站）
&meta http-equiv=&Refresh& content=&5;URL=& /&
Content后跟值为当前页面在多少时间跳转；
Url值为跳转到具体网页网站
7、网页告诉搜索机器人向导对此网页操作（用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引）
&meta name=&robots& content=&all& /&
content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content=&all&意思是搜索并收录抓取爬行此网页及此网页指向页面。
搜索引擎：robots取值
搜索引擎将忽略此网页，等价于noindex，nofollow。
搜索引擎不索引此网页。
搜索引擎不继续通过此网页的链接索引搜索其它的网页。
搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
搜索引擎索引此网页。
搜索引擎继续通过此网页的链接索引搜索其它的网页。
搜索引擎对搜索与收录方法介绍-
说明：根据，需要直接用斜杠一个&&&结束，如&meta .... ... /&构成完整的一个标签。
meta实例图示如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • •
必备HTML基础教程 Essential HTML Tutorials
&最新文章NEWS• • • • • • • • • • 相关文章RELATED• • • • • • • • • • CSS EFFECTS / CSS MODULE如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 10:30
原创：本文 DIVCSS5版权所有。
学习与资源分享平台

我要回帖

更多关于 html中meta的作用 的文章

 

随机推荐