网站性能之meta标签_html/css_WEB-ITnose

meta标签常被html初学者忽略 就是作死，但对于一个网站来说，它十分重要。

定义：提供页面有关的元信息。比如针对搜索引擎和更新频度的关键字和描述。简单地说meta标签和搜索引擎打交道，可以 优化网站SEO 。 格式：
head标签内 自闭和标签 浏览器支持：全 属性： content:定义与http-equiz和name有关的元信息 http-equiz:将content关联到http头部 name:将content关联到name上 scheme:用于指定要用来翻译属性值的方案（h5已放弃 charset:便捷设置编码（H5 作用：（讲的都是常用的，或者是有用的以备不时之需
编码设置
http-equiz="Content-Type" content=" "

ex:

页面语言设置 便于浏览器分类 ex:

定时刷新与重定向
给不知道的同学提供 ex:

关键字 ex:

为搜索引擎提供关键词列表,这对SEO尤其重要！另外网上看见有这样写的

meta的属性我在前面也写了，并没有lang，任何标准都没有发现。声明语言应使用前面提及的content-language或者在html标签中lang="zh"如此设置 网页内容描述 ex: 当然是用来告诉搜索引擎啦 设置机器人访问权限 ex:

代码来源teambition，可以设置robot/蜘蛛如何登录网站 content的参数有all、none、index、noindex、follow、nofollow。默认是all。 其他设置 如作者，版权

手机端meta使用（移动端大势所趋！
name="viewport" 用来设置手机页面窗口。这个是响应式必备，缩放控制也可以防止布局混乱。 width: 宽度，其中device-width表示设备宽度 height：高度。device-height initial-scale:设置初始缩放比例 minimum-scale:设置最小缩放比例 maxmum-scale:设置最大缩放比例 user-scalable:设置用户是否能够缩放，默认yes name="format-detection" 检测页面内某些字符串的格式，并限制其行为，其实就是手机号。content="telephone=no" 设置数字不被当做手机号链接识别

设置iphone浏览器能否全屏浏览 设置iphone safari顶端状态栏的样式 默认为black 参考资料： https://developer.apple测试数据/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1 http://HdhCmsTestquirksmode.org/mobile/viewports2.html http://css-tricks测试数据/snippets/html/responsive-meta-tag/

接下去就是不负责任推荐了，在搜集资料的时候觉得有用就记录了下来，还未测试。
cookie设置 代码说明一切可设置选项 ex:

窗口显示设定 可以防止页面别其它页面嵌入哦 ex: Content选项：_blank、_top、_self、_parent, a标签怎么用就怎么用

RSAC等级评定
可以用来防止网站莫名其妙被当做黄网屏蔽唷 ex:

RSAC的站点：http://HdhCmsTestrsac.org/ 缓存控制 只实现了禁止缓存呢

设置缓存的过期时间，格式为GMT ex:

其它功能 其实IE一些功能应用也多，但终究不是普遍现象，就提供个链接，有兴趣的可以看下 http://msdn.microsoft测试数据/en-us/library/ie/ms533876(v=vs.85).aspx

PS:有些meta功能过于陈旧，chrome下看不见效果，ie下也不想测试了。

查看更多关于网站性能之meta标签_html/css_WEB-ITnose的详细内容...