HTML <meta> Attribute

HTML <meta> Attribute

http-equiv 定义和用法

The http-equiv attribute provides an HTTP header for the information/value of the content attribute.

The http-equiv attribute can be used to simulate(模拟) an HTTP response header.

<meta http-equiv="content-type|default-style|refresh">

比如：

HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5: <meta charset="UTF-8">

属性值

值	描述
content-type	指定文档的字符编码。 eg.<meta http-equiv="content-type" content="text/html; charset=UTF-8">
default-style	指定要使用的首选样式表。 eg.<meta http-equiv="default-style" content="the document's preferred stylesheet"> tip: 上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值， 或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。
refresh	定义文档自行刷新的时间间隔。 eg.<meta http-equiv="refresh" content="300"> tip: 值 "refresh" 应该慎重使用，因为它会使得页面不受用户控制.

<meta>生产用法

• <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
  IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame。

• <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  
  规定网页编码

• <meta http-equiv="Cache-Control" content="max-age=604800" />
  
  设置http cache时间，在快速迭代的项目中，我们可以设置max-age=604800s，也就是七天

• <meta content="always" name="referrer">
  
  关于meta标签的referrer

• <meta name="viewport" content="width=device-width, initial-scale=1.0">

• <meta name="applicable-device" content="pc">
  
  申明网站为pc站，避免被转码

• <meta http-equiv="Cache-Control" content="no-transform" />
  
  禁止浏览器转码

• <meta name="format-detection" content="telephone=no">
  
  禁止浏览器识别手机号码

• <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  
  声明视窗大小，禁止用户缩放，移动端

• <meta name="renderer" content="webkit">
  
  规定360安全浏览器使用webkit内核进行渲染

• <meta name="theme-color" content="#ff5f00">
  
  Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签，用来控制选项卡颜色。#ff5f00
  
  
  
  

SEO 优化

• <meta name="description" content="网站描述">

• <meta name="keywords" content="关键词1,关键词2">

• <meta name="author" content="name, email@gmail.com">
  
  定义网页作者

• <meta name="robots" content="index,follow"> <!-- 搜索引擎抓取 index,follow 为默认值 -->
  
  定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。
  
  meta标签的robots

• MORE...