html的头部标签
DOCTYPE:该声明为了文档中最前面的位置，作用告诉浏览器使用哪种html或xhmt规范
charset
<meta charset='utf-8'>==<meta http-equiv='contrnt-Type'>建议第一种，容易记忆
lang属性
<html lang='zh-cmn-Hans'>
优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
SEO 优化部分
1.页面标题title标签
<title>ddd</title>
2.页面关键词keywords
<meta name='keywords' content='your keywords'>
3.页面描述内容description
<meta name='description' content=''>
4.定义网页搜索引擎索引方式，
<meta name='robots' content='index,follow'>
为移动设备添加 viewport
viewport可以让布局在移动浏览器上显示的更好。
<meta name='viewport' content='initial-scale=1,maximun=3,minimum-scale=1,user-scalable=no'>
width=device-width会导致iPhone5添加到主屏后以webAPP全屏模式打开页面
content参数：
width viewport--宽度（数值/device-width）;
height viewport 高度（数值/device-height）
initical-scale--初始化缩放比例
maximum-scale--最大缩放比例
minimum-scale--最小缩放比例
user-scalable--是否允许用户缩放
minimal-ui ios 7.1beta中新的属性可以在页面加载时最小花上下状态栏
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
而如果你的网站不是响应式的，请不要使用 initial-scale 或者禁用缩放。
- <meta name="viewport" content="width=device-width,user-scalable=yes">
适配 iPhone 6 和 iPhone 6plus 则需要写：
- <meta name="viewport" content="width=375">
- <meta name="viewport" content="width=414">、
ios 设备
添加到主屏后的标题（iOS 6 新增）
- <meta name="apple-mobile-web-app-title" content="标题"
是否启用 WebApp 全屏模式
> <!-- 添加到主屏后的标题（iOS 6 新增） -->
- <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 -->
设置状态栏的背景颜色
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 设置状态栏的背景颜色，只有在 `"apple-mobile-web-app-capable" content="yes"` 时生效 -->
只有在 “apple-mobile-web-app-capable” content=”yes” 时生效
content 参数：
禁止数字识自动别为电话号码
- <meta name="format-detection" content="telephone=no" /> <!-- 禁止数字识自动别为电话号码 -->
