html head属性说明

1.<title>hello</title>

网站标题，浏览器tab上的值，影响seo.

格式建议网站名称 - 页面内容形式

2.<meta charset="utf-8" />

声明当前文档所使用的字符编码, 鼓励使用 UTF-8；

3.<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

定义浏览器的渲染方式

IE=edge： 使用IE内核浏览器来访问，会渲染至该浏览器的最高版本，比如你使用IE9浏览器，那么就算在兼容模式切换至IE7，但仍会渲染成IE9的样子

chrome=1： 可以激活chrome frame，如果存在客户端Chrome Frame并启用，那么浏览器访问页面会被Chrome内核渲染

4.<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />

它提供有关视口初始大小的提示，仅供移动设备使用。

Value	可能值	描述
width	一个正整数或者字符串 device-width	以pixels（像素）为单位， 定义viewport（视口）的宽度。
height	一个正整数或者字符串 device-height	以pixels（像素）为单位， 定义viewport（视口）的高度。
initial-scale	一个0.0 到10.0之间的正数	定义设备宽度（纵向模式下的设备宽度或横向模式下的设备高度）与视口大小之间的缩放比率
maximum-scale	一个0.0 到10.0之间的正数	定义缩放的最大值；它必须大于或等于minimum-scale的值，不然会导致不确定的行为发生
minimum-scale	一个0.0 到10.0之间的正数	定义缩放的最小值；它必须小于或等于maximum-scale的值，不然会导致不确定的行为发生。
user-scalable	一个布尔值（yes 或者no）	如果设置为 no，用户将不能放大或缩小网页。默认值为 yes。
minial-ui		在iOS 7.1的Safari中为meta标签新增minimal-ui属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。

5.<meta name="referrer" content="no-referrer-when-downgrade" />

控制所有从该文档发出的 HTTP 请求中HTTP Referer 首部的内容

6. <meta name="description" content="hello" />

网站描述

7.<meta name="keywords" content="hello" />

网站搜索关键词，目前大部分搜索平台已经不考虑该属性

8.<link rel="dns-prefetch" href="//alicdn.xxx.com">

dns预解析

9.<meta name="format-detection" content="telephone=no,email=no" />

移动端忽略页面中的数字识别为电话，忽略email识别

10.<link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />

声明浏览器tab上的小logo

11.<meta name="apple-mobile-web-app-capable" content="yes" />

webapp 模式, content值为yes时会隐藏工具栏和菜单栏，和其它配合使用。

12.<meta name="apple-mobile-web-app-status-bar-style" content="default" />

在webapp模式下，改变顶部状态条的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）

13.<meta name="apple-touch-fullscreen" content="yes">

手机浏览器"添加到主屏幕“后，全屏显示