标签位于文档的头部, 且永远位于 head 元素内部,
元素可提供有关页面的元信息,
其属性定义了与文档相关联的名称 / 值对.
元数据总是以名称 / 值的形式被成对传递的.
把 content 属性关联到一个名称.
- meta name="title" content="页面的标题"/
- meta name="keywords" content="页面的关键词"/
- meta name="description" content="描述的信息和内容"/
author 作者
description 描述
keywords 关键词
generator 生成器 如 "sublime,webstorm"
revised 修订版
others 其他
把 content 属性关联到 HTTP 头部.
- meta http-equiv="Cache-Control" content="no-siteapp"
- content-type
- expires
- refresh
- set-cookie
定义用于翻译 content 属性值的格式.
scheme 属性用于指定要用来翻译属性值的方案.
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
viewport 指 Web 页面上用户的可见区域.
移动设备上默认的 viewport 大小都是 980px .
width=device-width 是指这个设备最理想的 viewport 宽度, 可以自适应设备宽度.
initial-scale=1.0 是指初始化的时候缩放大小是 1, 也就是不缩放.
user-scalable=0 是指禁止用户进行缩放.
maximum-scale=1.0 是指用户最大缩放大小是 1
既可以设置 width=device-width, 也可以设置 initial-scale=1, 但有一个小缺陷, 就是 width=device-width 会导致 iPhone,iPad 横竖屏不分, initial-scale=1 会导致 IE 横竖屏不分, 都以竖屏的 ideal viewport 宽度为准. 所以, 最完美的写法两者都写上去, initial-scale=1 解决 iPhone,iPad 的缺陷, width=device-width 解决 IE 的缺陷.
关于 meta name="applicable-device"content="pc" https://www.cnblogs.com/wangbei2016/p/7698108.html
百度可以通过基本 HTML 特征来判断是否适合无线端浏览:
PC 站: meta name="applicable-device" content="pc" 手机站: meta name="applicable-device" content="mobile"/ 响应式网页可标识: meta name="applicable-device"content="pc,mobile"
来源: http://www.jianshu.com/p/a56639a625ea