设为首页收藏本站

IT技术擎 - 最棒的IT web技术交流社区

 找回密码
 注册为IT技术擎人

QQ登录

只需一步,快速开始

搜索
热搜: php h5 jquery
查看: 38|回复: 0

[技术分享] HTML <meta> Attribute

[复制链接]

1万

主题

1万

帖子

3万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
34166
发表于 2018-3-5 08:20:37 | 显示全部楼层 |阅读模式
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.
  1. <meta http-equiv="content-type|default-style|refresh" >
复制代码
比如:
  1. HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
复制代码
  1. HTML5: <meta charset="UTF-8" >
复制代码
属性值
描述
  1. content-type
复制代码
指定文档的字符编码。eg.
  1. <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
复制代码
  1. default-style
复制代码
指定要使用的首选样式表。eg.
  1. <meta http-equiv="default-style" content="the document's preferred stylesheet" >
复制代码
tip: 上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值,或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。
  1. refresh
复制代码
定义文档自行刷新的时间间隔。 eg.
  1. <meta http-equiv="refresh" content="300" >
复制代码
tip: 值 "refresh" 应该慎重使用,因为它会使得页面不受用户控制.
  1. <meta >
复制代码
生产用法

    1. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" / >
    复制代码
    IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame。
    1. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    复制代码
    规定网页编码
    1. <meta http-equiv="Cache-Control" content="max-age=604800" / >
    复制代码
    设置http cache时间,在快速迭代的项目中,我们可以设置max-age=604800s,也就是七天
    1. <meta content="always" name="referrer" >
    复制代码
    关于meta标签的referrer
    1. <meta name="viewport" content="width=device-width, initial-scale=1.0" >
    复制代码
    1. <meta name="applicable-device" content="pc" >
    复制代码
    申明网站为pc站,避免被转码
    1. <meta http-equiv="Cache-Control" content="no-transform" / >
    复制代码
    禁止浏览器转码
    1. <meta name="format-detection" content="telephone=no" >
    复制代码
    禁止浏览器识别手机号码
    1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
    复制代码
    声明视窗大小,禁止用户缩放,移动端
    1. <meta name="renderer" content="webkit" >
    复制代码
    规定360安全浏览器使用webkit内核进行渲染
    1. <meta name="theme-color" content="#ff5f00" >
    复制代码
    Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签,用来控制选项卡颜色。
    1. #ff5f00
    复制代码



SEO优化

    1. <meta name="description" content="网站描述" >
    复制代码
    1. <meta name="keywords" content="关键词1,关键词2" >
    复制代码
    1. <meta name="author" content="name, email@gmail.com" >
    复制代码
    定义网页作者
    1. <meta name="robots" content="index,follow" > <!-- 搜索引擎抓取 index,follow 为默认值 -- >
    复制代码
    定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。
    meta标签的robots

  • MORE...




上一篇:命令模式
下一篇:JAVA常见的集合类特点分析
该用户未在地球留下任何的痕迹

本版积分规则

QQ|小黑屋|帮助|IT技术擎 ( 沪ICP备15054863号  

GMT+8, 2018-9-19 02:07

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表