meta标签

meta标签

定义和用法

meta标签可以提供有关页面的元信息;位于文档的头部,不包含任何内容;meta标签的属性定义了与文档相关联的名称/值对。

meta标签的属性

必需属性

属性 描述
content some_text 定义与http-equi或name属性相关的元信息

可选属性

属性 描述
http-equiv content-type;expires;refresh;set-cookie 把 content 属性关联到 HTTP 头部。
name author;description;keywords;generator;revised;others 把 content 属性关联到一个名称。
scheme some_text 定义用于翻译 content 属性值的格式。

name属性:提供了名称/值对中的名称。通常情况下,可以自由使用对自己和源文档的读者来说富有意义的名称。例如:keywords等。

http-equiv属性:提供了名称/值对中的名称。指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。例如:



发送到浏览器的头部就应该包含:
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

content属性:提供了名称/值对中的值。该值可以是任何有效的字符串。始终要和 name 属性或 http-equiv 属性一起使用。

scheme属性:用于指定要用来翻译属性值的方案。此方案应该在由 标签的 profile 属性指定的概况文件中进行了定义。

实例

定义字符编码

//等价于

百度禁止转码

SEO优化
//meta 属性标识了创作者

//描述了文档

//描述了关键字

//定义网页搜索引擎索引方式,robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。

移动端
//viewport主要是影响移动端页面布局的,

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)
浏览器平台
IE













Google Chrome




360


UC














QQ






移动端
IOS











Android




App Links











其他
//5秒钟重定向到新的URL地址































你可能感兴趣的:(meta标签)