HTML Attribute

2018-02-27 09:05:55来源:cnblogs.com作者:古宝只人点击

分享

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
    eg

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...

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台