<meta>
元素可提供有关页面的元信息（
meta-information
），比如针对搜索引擎和更新频度
的描述和关键词。
<meta>
标签位于文档的头部，不包含任何内容。
<meta>
标签的属性定义了与文档相关联
的名称
/
值对。
<!DOCTYPE html> H5
标准声明，使用
HTML5 doctype
，不区分大小写
<head lang=”en”>
标准的
lang
属性写法
<meta charset=’utf-8′>
声明文档使用的字符编码
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
优先使用
IE
最新版
本和
Chrome
<meta name=”description” content=”
不超过
150
个字符
”/>
页面描述
<meta name=”keywords” content=””/>
页面关键词者
<meta name=”author” content=”name, email@gmail.com”/>
网页作
<meta name=”robots” content=”index,follow”/>
搜索引擎抓取
<meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-scale=1,
user-scalable=no”>
为移动设备添加
viewport
<meta name=”apple-mobile-web-app-title” content=”
标题
”> iOS
设备
begin
<meta name=”apple-mobile-web-app-capable” content=”yes”/>
添加到主屏后的标题（
iOS 6
新增）
是否启用
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”/>
设置苹果工具栏颜色
<meta name=”renderer” content=”webkit”>
启用
360
浏览器的极速模式
(webkit)
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
避免
IE
使用兼容模式
<meta http-equiv=”Cache-Control” content=”no-siteapp” />
不让百度转码
<meta name=”HandheldFriendly” content=”true”>
针对手持设备优化，主要是针对一些
老的不识别
viewport
的浏览器，比如黑莓
<meta name=”MobileOptimized” content=”320″>
微软的老式浏览器
<meta name=”screen-orientation” content=”portrait”>
uc
强制竖屏
<meta name=”x5-orientation” content=”portrait”>
QQ
强制竖屏
<meta name=”full-screen” content=”yes”>
UC
强制全屏
<meta name=”x5-fullscreen” content=”true”>
QQ
强制全屏
<meta name=”browsermode” content=”application”>
UC
应用模式
<meta name=”x5-page-mode” content=”app”>
QQ
应用模式
<meta name=”msapplication-tap-highlight” content=”no”>
windows phone
点击无高光
设置页面不缓存
<meta http-equiv=”pragma” content=”no-cache”>
<meta http-equiv=”cache-control” content=”no-cache”>
<meta http-equiv=”expires” content=”0″>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
