代码改变世界

meta标签小记

2017-02-27 18:49  @疯狂的迈步  阅读(131)  评论(0编辑  收藏  举报

先介绍一下相关的属性和概念。
meta标签有一个必要属性content,它一般是相关的文本信息,相当于属性的value值。
它还有其他两个可选属性为http-equiv和name,前者会把mata标签代表的信息关联到http头部,后者meta标签传到的信息传达给浏览器相关,来描述自身。
这两点非常重要,我们在看到一个不曾见过的标签时,通过先判断可选属性,再读取content属性,就可以知道大概的作用。

一、name属性的

1.这个标签做过移动端网页的同学都应该认得,它指定了视窗的大小。

当从主屏幕图标启动时,使网页以全屏模式运行;也隐藏浏览器顶部和底部的地址栏和组件栏。

3.apple添加到主屏后的标题。

4.忽略数字自动识别为电话号码

5.360浏览器强制调用chrome的webkit内核来解析网页。

二、http-equiv属性的

1.这个标签可以用来指定web站点只接受某些站点的来源和脚本图片等。这有助于防范跨站脚本攻击(XSS),可以详细可以看这里 MDN的详细参考。 这个在腾讯等网站特别是带有评论功能等容易受到XSS攻击的网页有使用。