html的头部标签

DOCTYPE:该声明为了文档中最前面的位置，作用告诉浏览器使用哪种html或xhmt规范

charset

lang属性

优先使用 IE 最新版本和 Chrome

SEO 优化部分

1.页面标题title标签

2.页面关键词keywords

3.页面描述内容description

4.定义网页搜索引擎索引方式，

为移动设备添加 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 全屏模式
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebApp 全屏模式 -->
> <!-- 添加到主屏后的标题（iOS 6 新增） -->

设置状态栏的背景颜色

<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 参数：

default 默认值。

black 状态栏背景是黑色。

black-translucent 状态栏背景是黑色半透明。如果设置为 default 或 black ,网页内容从状态栏底部开始。如果设置为 black-translucent ,网页内容充满整个屏幕，顶部会被状态栏遮挡。

禁止数字识自动别为电话号码

<meta name="format-detection" content="telephone=no" /> <!-- 禁止数字识自动别为电话号码 -->

移动端学习入门