<!DOCTYPE html> <!-- 使用 HTML
5
doctype,不区分大小写 -->
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset=
'utf-8'
>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv=
"X-UA-Compatible"
content=
"IE=edge,chrome=1"
/>
<!-- 页面描述 -->
<meta name=
"description"
content=
"不超过150个字符"
/>
<!-- 页面关键词 -->
<meta name=
"keywords"
content=
""
/>
<!-- 网页作者 -->
<meta name=
"author"
content=
"name, email@gmail.com"
/>
<!-- 搜索引擎抓取 -->
<meta name=
"robots"
content=
"index,follow"
/>
<!-- 为移动设备添加 viewport -->
<meta name=
"viewport"
content=
"initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"
>
<!-- iOS 设备 begin -->
<meta name=
"apple-mobile-web-app-title"
content=
"标题"
>
<!-- 添加到主屏后的标题(iOS
6
新增) -->
<meta name=
"apple-mobile-web-app-capable"
content=
"yes"
/>
<!-- 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 -->
<meta name=
"apple-itunes-app"
content=
"app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"
>
<!-- 添加智能 App 广告条 Smart App Banner(iOS
6
+ Safari) -->
<meta name=
"apple-mobile-web-app-status-bar-style"
content=
"black"
/>
<!-- 设置苹果工具栏颜色 -->
<meta name=
"format-detection"
content=
"telphone=no, email=no"
/>
<!-- 忽略页面中的数字识别为电话,忽略email识别 -->
<!-- 启用
360
浏览器的极速模式(webkit) -->
<meta name=
"renderer"
content=
"webkit"
>
<!-- 避免IE使用兼容模式 -->
<meta http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name=
"HandheldFriendly"
content=
"true"
>
<!-- 微软的老式浏览器 -->
<meta name=
"MobileOptimized"
content=
"320"
>
<!-- uc强制竖屏 -->
<meta name=
"screen-orientation"
content=
"portrait"
>
<!-- QQ强制竖屏 -->
<meta name=
"x5-orientation"
content=
"portrait"
>
<!-- UC强制全屏 -->
<meta name=
"full-screen"
content=
"yes"
>
<!-- QQ强制全屏 -->
<meta name=
"x5-fullscreen"
content=
"true"
>
<!-- UC应用模式 -->
<meta name=
"browsermode"
content=
"application"
>
<!-- QQ应用模式 -->
<meta name=
"x5-page-mode"
content=
"app"
>
<!-- windows phone 点击无高光 -->
<meta name=
"msapplication-tap-highlight"
content=
"no"
>
<!-- iOS 图标 begin -->
<link rel=
"apple-touch-icon-precomposed"
href=
"/apple-touch-icon-57x57-precomposed.png"
/>
<!-- iPhone 和 iTouch,默认
57
x
57
像素,必须有 -->
<link rel=
"apple-touch-icon-precomposed"
sizes=
"114x114"
href=
"/apple-touch-icon-114x114-precomposed.png"
/>
<!-- Retina iPhone 和 Retina iTouch,
114
x
114
像素,可以没有,但推荐有 -->
<link rel=
"apple-touch-icon-precomposed"
sizes=
"144x144"
href=
"/apple-touch-icon-144x144-precomposed.png"
/>
<!-- Retina iPad,
144
x
144
像素,可以没有,但推荐有 -->
<!-- iOS 图标 end -->
<!-- iOS 启动画面 begin -->
<link rel=
"apple-touch-startup-image"
sizes=
"768x1004"
href=
"/splash-screen-768x1004.png"
/>
<!-- iPad 竖屏
768
x
1004
(标准分辨率) -->
<link rel=
"apple-touch-startup-image"
sizes=
"1536x2008"
href=
"/splash-screen-1536x2008.png"
/>
<!-- iPad 竖屏
1536
x
2008
(Retina) -->
<link rel=
"apple-touch-startup-image"
sizes=
"1024x748"
href=
"/Default-Portrait-1024x748.png"
/>
<!-- iPad 横屏
1024
x
748
(标准分辨率) -->
<link rel=
"apple-touch-startup-image"
sizes=
"2048x1496"
href=
"/splash-screen-2048x1496.png"
/>
<!-- iPad 横屏
2048
x
1496
(Retina) -->
<link rel=
"apple-touch-startup-image"
href=
"/splash-screen-320x480.png"
/>
<!-- iPhone/iPod Touch 竖屏
320
x
480
(标准分辨率) -->
<link rel=
"apple-touch-startup-image"
sizes=
"640x960"
href=
"/splash-screen-640x960.png"
/>
<!-- iPhone/iPod Touch 竖屏
640
x
960
(Retina) -->
<link rel=
"apple-touch-startup-image"
sizes=
"640x1136"
href=
"/splash-screen-640x1136.png"
/>
<!-- iPhone
5
/iPod Touch
5
竖屏
640
x
1136
(Retina) -->
<!-- iOS 启动画面 end -->
<!-- iOS 设备 end -->
<meta name=
"msapplication-TileColor"
content=
"#000"
/>
<!-- Windows
8
磁贴颜色 -->
<meta name=
"msapplication-TileImage"
content=
"icon.png"
/>
<!-- Windows
8
磁贴图标 -->
<link rel=
"alternate"
type=
"application/rss+xml"
title=
"RSS"
href=
"/rss.xml"
/>
<!-- 添加 RSS 订阅 -->
<link rel=
"shortcut icon"
type=
"image/ico"
href=
"/favicon.ico"
/>
<!-- 添加 favicon
icon
-->
<title>标题</title>
</head>