什么是元标签?元数据是关于数据的信息。标签提供有关HTML文档的元数据。元数据不显示在页面上,但机器可读。通常,meta元素用于指定页面的描述、关键字、文档的作者、最后修改时间和其他元数据。标签总是在head元素内。浏览器(如何显示内容或重新加载页面)、搜索引擎(关键字)或其他网络服务可以使用元数据。其实,以上概念的简单概括就是:标签提供了关于HTML文档的元数据。它不会显示在页面上,但是机器可读。可由浏览器(如何显示内容或重新加载页面)、搜索引擎(关键字)或其他网络服务使用。meta的作用meta中的数据是供机器解释的,告诉机器如何解析这个页面,还有一个目的就是把服务器发来的http头内容添加到浏览器中。例如,我们在页面中添加以下元标记:然后浏览器的头部将包括这些:charset:iso-8859-1expires:31Dec2008当然,这些额外的头部字段只有在浏览器可以接受它们并以适当的方式使用它们时才有意义。meta的必需属性和可选属性必需属性contentmeta的必需属性是content。当然,并不是说meta标签中一定要有内容,而是说有http-equiv或者name属性的时候,一定要有content属性来进行。阐明。例如:这里content中的属性是关键字的描述,所以也可以理解为键值对吧,就是{关键字:“HTML、ASP、PHP、SQL”}。可选属性在W3school中,meta有3个可选属性,分别是http-equiv、name和scheme。考虑到scheme不是很常用,这里只说前两个属性。http-equivhttp-equiv属性是添加http头的内容。对于一些需要发送给浏览器的自定义或者额外的http头内容,我们可以使用这个属性。上面的meta函数中也有简单的解释,现在举个例子吧。比如我们不想用js重定向,而是用http头内容来控制,那么我们可以这样控制:页面添加这个后,5秒后跳转到指定页面。效果可以看W3schoolname的例子。第二个可选属性是名称。该属性供浏览器解析,兼容部分浏览器。对于性别问题,name属性是最常用的。当然有个前提,就是浏览器能解析你写的name属性,否则就没有意义。举个例子:这个meta标签的意思是告诉浏览器使用webkit内核进行解析。当然,前提是浏览器有webkit内核,否则就没有意义了。当然,看到这里你可能会有疑问,这个渲染器是从哪里来的,我怎么知道的?这在相应浏览器的开发文档中有说明。比如这个渲染器是在360浏览器中解释的。360浏览器内核控件Meta标签说明文档常用Meta标签总结charsetcharset是声明文档中使用的字符编码,主要用于解决乱码问题。值得一提的是,这个charset的第一行一定要写,否则可能会产生乱码。charset有两种写法两者是等价的。百度禁止转码百度会自动转码网页,这个标签是禁止百度自动转码SEO优化部分你的标题viewport视口主要影响移动端页面的布局,例如:contentparameter:width视口宽度(value/device-width)height视口高度(value/device-height)initial-scale初始缩放maximum-scale最大缩放minimum-scale最小缩放user-scalable是否允许usersZoom(yes/no)每个浏览器平台MicrosoftInternetExplorerGoogleChrome360浏览器UC手机浏览器QQ手机浏览器AppleiOS<metaname="apple-mobile-web-app-status-bar-style"content="black">移动常用meta