展开微博窗口
微信:biaodianfu
展开分类目录
标点符（钱魏 Way）
我们经常需要用缩写的代码来表示一种语言，比如用en表示英语，用de表示德语。就是规定语种代码的国际标准。最早的时候，ISO 639规定的代码是，用两个拉丁字母表示一种语言，这被称为ISO 639-1。但是，两个拉丁字母最多只有26^2=676种组合，而世界上已知的语言总数可能有六七千种，因此明显是不够的。所以，后来又规定了ISO 639-2，用三个拉丁字母的组合表示一种语言。
常见语言的ISO 代码如下表：
完整的语言代码表请看。
但是只规定语种代码还不够，在同一种语言中，往往还包括许多种变体，比如中文分为简体中文和繁体中文两种，因此还必须规定子代码。
以往，人们常用zh-CN表示在中国大陆地区使用的中文，也就是简体中文，用zh-TW表示在台湾地区使用的中文，也就是繁体中文。但是，这种表示法很不完善，试问中国大陆地区出版的繁体中文书籍，应该如何用代码表示呢？
于是就有了语言的标签表示法的国际标准，名称是《Tags for Identifying Languages》。
简单说，这个文件规定，一种语言的标签应该按照如下方式排列：
language-script-region-variant-extension-privateuse
language：这部分就是ISO 639规定的代码，比如中文是zh。
script：表示变体，比如简体汉字是zh-Hans，繁体汉字是zh-Hant。
region：表示语言使用的地理区域，比如zh-Hans-CN就是中国大陆使用的简体中文。
variant：表示方言。
extension-privateus：表示扩展用途和私有标识。
一般约定，language标签全部小写，region标签全部大写，script标签只有首字母大写。不同标签之间用连字号-链接。下面列出一些与中文有关的语言标签。
zh-Hans 简体中文
zh-Hans-CN 大陆地区使用的简体中文
zh-Hans-HK 香港地区使用的简体中文
zh-Hans-MO 澳门使用的简体中文
zh-Hans-SG 新加坡使用的简体中文
zh-Hans-TW 台湾使用的简体中文
zh-Hant 繁体中文
zh-Hant-CN 大陆地区使用的繁体中文
zh-Hant-HK 香港地区使用的繁体中文
zh-Hant-MO 澳门使用的繁体中文
zh-Hant-SG 新加坡使用的繁体中文
zh-Hant-TW 台湾使用的繁体中文
zh 是中文，代表的是宏语言（Macrolanguage），zh 单独用表示中文整体，可以是方言、文言文、简繁体等混合内容，毕竟大陆地区大部分人都能认识不少繁体字，台湾地区大部分人也能认识很多简体字。理论上 zh-CN 表示的是中国大陆中文，包含方言和简繁体，但默认指简体普通话，局限性就体现出来了，没法表达繁体普通话，这时为了精准性，应该用独立语种替换，包括但不仅限于普通话和七大方言：
cmn 普通话（官话、国语）
wuu 吴语（江浙话、上海话）、czh 徽语（徽州话、严州话、吴语-徽严片）
hak 客家语
yue 粤语（广东话）
nan 闽南语（福建话、台语）、cpx 莆仙话（莆田话、兴化语）、cdo 闽东语、mnp 闽北语、zco 闽中语
gan 赣语（江西话）
hsn 湘语（湖南话）
cjy 晋语（山西话、陕北话）
目前，最新的语言标签标记法的国际标准是IETF的(Best Current Practice)，也就是取代了之前的
RFC 5646和之前版本的区别：
所有子标签都在查询。
所有子标签有固定的位置和长度。
描述更具灵活性。
RFC 5646规定语言标签按以下形式排列：
language-extlang-script-region-variant-extension-privateuse
语言文字种类-扩展语言文字种类-书写格式-国家和地区-变体-扩展-私有
所有语言标签都是大小写无关的，但是依照惯例 language 标签小写，region 标签大写，script 标签首字大写。
bcp47中语言tag的BNF语法定义在的第三、四页：
Language-Tag&&=&&langtag&&&&&&&&&&&& ; normal language tags&&&&&&&&&&&&&& / privateuse&&&&&&&&&&; private use tag&&&&&&&&&&&&&& / grandfathered&&&&&& ; grandfathered tags&
规范的语言tag必须是符合3种情况其中的一种。第二种的私有定义我们就不讨论了，而第三种为了兼容和过渡，比如zh-xiang。我们只关注第一种情况：看看langtag的定义：
langtag&&&&&& = language&&&&&&&&&&&&&&&& ["-" script]&&&&&&&&&&&&&&&& ["-" region]&&&&&&&&&&&&&&&& *("-" variant)&&&&&&&&&&&&&&&& *("-" extension)&&&&&&&&&&&&&&&& ["-" privateuse]&
12345678910111213141516171819
language&&&&&&= 2*3ALPHA&&&&&&&&&&&&; shortest ISO 639 code&&&&&&&&&&&&&&&& ["-" extlang]&&&&&& ; sometimes followed by&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ; extended language subtags&&&&&&&&&&&&&& / 4ALPHA&&&&&&&&&&&&&&; or reserved for future use&&&&&&&&&&&&&& / 5*8ALPHA&&&&&&&&&&&&; or registered language subtag& extlang&&&&&& = 3ALPHA&&&&&&&&&&&&&&; selected ISO 639 codes&&&&&&&&&&&&&&&& *2("-" 3ALPHA)&&&&&&; permanently reserved& script&&&&&&&&= 4ALPHA&&&&&&&&&&&&&&; ISO 15924 code& region&&&&&&&&= 2ALPHA&&&&&&&&&&&&&&; ISO 3166-1 code&&&&&&&&&&&&&& / 3DIGIT&&&&&&&&&&&&&&; UN M.49 code& variant&&&&&& = 5*8alphanum&&&&&&&& ; registered variants&&&&&&&&&&&&&& / (DIGIT 3alphanum)& extension&&&& = singleton 1*("-" (2*8alphanum))&
“ langtag”定义中很明确：“language”是必须的，后面“script”，“region”，“variant”都为可选，且必须使用-分隔，“varient”可以出现0次或无数次，而“script”等只能出现0或1次。
这个最重要的“language”的定义有三种情况：使用最短ISO 639代码2个或3个字符（注意这个最短！！）加可选的“extlang”(3个字符长度的ISO 639-3代码)。language必须优先考虑ISO 639-1中的代码，如果没有则选择639-2中三位的，如果有extlang，那extlang必须使用ISO 639-3中的代码和扩展预留。
另外两种“language”的定义，一个是必须4个字符长度保留，另一个是5到8个字符的subtag。subtag其实就是一个符合language的定义，因为extlang的扩展可以出现0到2次，所以subtag的字符长度可能是5-8之间。
语言文字标签示例：
1234567891011121314151617181920212223
language:fr 法语es 西班牙语&language-extlang 或 language:zh-lzh 或 lzh 中文 (文言文)sgn-csl 或 csl 手语 (中国大陆)&language-region:zh-CN 中文 (简体, 中国大陆)en-US 英语 (美国)&language-script:cmn-Hans 普通话 (简体)yue-Hant 粤语 (繁体)&language-script-region：cmn-Hans-CN 普通话 (简体, 中国大陆)cmn-Hant-TW 普通话 (繁体, 台湾)&language-script-variant:zh-Latn-pinyin 汉语拼音（例：nǐ，拉丁字母形式）zh-Bopo-pinyin 注音拼音（例：ㄋ丨ˇ，罗马字形式，中国大陆1958年以前使用，台湾目前使用）
以下写法已于 2009 年废弃，请勿使用，cmn、wuu、yue、gan 等已由 2005 年的 extlang 升级到 2009 年的 language，请直接去掉 zh- 前缀即可：
zh-cmn, zh-cmn-Hans, zh-cmn-Hant, zh-wuu, zh-yue, zh-gan&
以下写法已于 2009 年废弃，不推荐使用，请用 cmn 替代 zh 即可：
zh-Hans, zh-Hans-CN, zh-Hans-SG, zh-Hans-HK, zh-Hans-MO, zh-Hans-TW, zh-Hant, zh-Hant-CN, zh-Hant-SG, zh-Hant-HK, zh-Hant-MO, zh-Hant-TW&
以下两种写法均正确，使用时更推荐后者，但目前浏览器和操作系统都只支持前者，前端和码农为了兼容性请使用前者：
zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆)zh-SG 中文 (简体, 新加坡)&& 对应 cmn-Hans-SG 普通话 (简体, 新加坡)zh-HK 中文 (繁体, 香港)&&&& 对应 cmn-Hant-HK 普通话 (繁体, 香港)zh-MO 中文 (繁体, 澳门)&&&& 对应 cmn-Hant-MO 普通话 (繁体, 澳门)zh-TW 中文 (繁体, 台湾)&&&& 对应 cmn-Hant-TW 普通话 (繁体, 台湾)&
同是简体中文页面， 默认或书面语均标记为 cmn 普通话，全文使用地方方言表达时，使用相应语言文字标签标记，例：
“你” “我们” 用 cmn-Hans 普通话 (简体)“侬” “啊啦” 用 wuu-Hans 吴语 (简体)“你” “我哋” 用 yue-Hans 粤语 (简体)&
一般情况不用 region 选项，但如果要针对特定地区特定用语的友好性，则应设置区域，例 ：
“消息” “黄梨” “自行车” 用 cmn-Hans-SG 普通话 (简体, 新加坡)“消息” “菠萝” “自行车” 用 cmn-Hans-CN 普通话 (简体, 中国大陆)“消息” “菠蘿” “自行車” 用 cmn-Hant-CN 普通话 (繁体, 中国大陆)“訊息” “菠蘿” “单车”&& 用 cmn-Hant-HK 普通话 (繁体, 香港)“訊息” “鳳梨” “腳踏車” 用 cmn-Hant-TW 普通话 (繁体, 台湾)&“analyse” “color” “elevator” 用 en-US 英语 (美国)“analyze” “colour” “lift”&&&&用 en-GB 英语 (英国)
分享到： ()先来看下常用的标签列表，后文会一一介绍：
&!DOCTYPE html& &!-- 使用 HTML5 doctype，不区分大小写 --&
&html lang="zh-cmn-Hans"& &!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&
&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, " /& &!-- 网页作者 --&
&meta name="robots" content="index,follow" /& &!-- 搜索引擎抓取 --&
&!-- 为移动设备添加 viewport --&
&meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"& &!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz --&
&!-- 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-mobile-web-app-status-bar-style" content="black-translucent" /& &!-- 设置状态栏的背景颜色，只有在 `"apple-mobile-web-app-capable" content="yes"` 时生效 --&
&meta name="format-detection" content="telephone=no" /& &!-- 禁止数字识自动别为电话号码 --&
&meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"& &!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） --&
&!-- iOS 图标 begin --&
&link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /& &!-- iPhone 和 iTouch，默认 57x57 像素，必须有 --&
&link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /& &!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 --&
&link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /& &!-- Retina iPad，144x144 像素，可以没有，但推荐有 --&
&!-- 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="" href="/splash-screen-.png" /& &!-- iPad 竖屏 （Retina） --&
&link rel="apple-touch-startup-image" sizes="" href="/Default-Portrait-.png" /& &!-- iPad 横屏 （标准分辨率） --&
&link rel="apple-touch-startup-image" sizes="" href="/splash-screen-.png" /& &!-- iPad 横屏 （Retina） --&
&link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /& &!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) --&
&link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /& &!-- iPhone/iPod Touch 竖屏 640x960 (Retina) --&
&link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /& &!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (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&
使用 HTML5 doctype，不区分大小写。
&!DOCTYPE html& &!-- 使用 HTML5 doctype，不区分大小写 --&
声明文档使用的字符编码
&meta charset='utf-8'& &!-- 声明文档使用的字符编码 --&
更加标准的 lang 属性写法
&html lang="zh-cmn-Hans"& &!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&
&html lang="zh-cmn-Hant"& &!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&
很少情况才需要加地区代码，通常是为了强调不同地区汉语使用差异，例如：
&p lang="zh-cmn-Hans"&
&strong lang="zh-cmn-Hans-CN"&菠萝&/strong&和&strong lang="zh-cmn-Hant-TW"&鳳梨&/strong&其实是同一种水果。只是大陆和台湾称谓不同，且新加坡、马来西亚一带的称谓也是不同的，称之为&strong lang="zh-cmn-Hans-SG"&黄梨&/strong&。
优先使用 IE 最新版本和 Chrome
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /& &!-- 优先使用 IE 最新版本和 Chrome --&
每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
&meta name="description" content="不超过150个字符" /& &!-- 页面描述 --&
页面关键词&meta name="keywords" content=""/& &!-- 页面关键词 --&
定义页面标题
&title&标题&/title&
定义网页作者
&meta name="author" content="name, " /& &!-- 网页作者 --&
定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。
&meta name="robots" content="index,follow" /& &!-- 搜索引擎抓取 --&
为移动设备添加 viewport
&meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"& &!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz --&
content 参数：
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)
添加到主屏后的标题（iOS 6 新增）
&meta name="apple-mobile-web-app-title" content="标题"& &!-- 添加到主屏后的标题（iOS 6 新增） --&
是否启用 WebApp 全屏模式
&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"` 时生效 --&
content 参数：
default 默认值。
black 状态栏背景是黑色。
black-translucent 状态栏背景是黑色半透明。
如果设置为 default 或 black ,网页内容从状态栏底部开始。
如果设置为 black-translucent ,网页内容充满整个屏幕，顶部会被状态栏遮挡。
禁止数字识自动别为电话号码
&meta name="format-detection" content="telephone=no" /& &!-- 禁止数字识自动别为电话号码 --&
rel 参数：
apple-touch-icon 图片自动处理成圆角和高光等效果。
apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图。
iPhone 和 iTouch，默认 57x57 像素，必须有
&link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /& &!-- iPhone 和 iTouch，默认 57x57 像素，必须有 --&
iPad，72x72 像素，可以没有，但推荐有
&link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" /& &!-- iPad，72x72 像素，可以没有，但推荐有 --&
Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有
&link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" /& &!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 --&
Retina iPad，144x144 像素，可以没有，但推荐有
&link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" /& &!-- Retina iPad，144x144 像素，可以没有，但推荐有 --&
iOS 启动画面
官方文档：
参考文章：
iPad 的启动画面是不包括状态栏区域的。
iPad 竖屏 768 x 1004（标准分辨率）
&link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" /& &!-- iPad 竖屏 768 x 1004（标准分辨率） --&
iPad 竖屏 （Retina）
&link rel="apple-touch-startup-image" sizes="" href="/splash-screen-.png" /& &!-- iPad 竖屏 （Retina） --&
iPad 横屏 （标准分辨率）
&link rel="apple-touch-startup-image" sizes="" href="/Default-Portrait-.png" /& &!-- iPad 横屏 （标准分辨率） --&
iPad 横屏 （Retina）
&link rel="apple-touch-startup-image" sizes="" href="/splash-screen-.png" /& &!-- iPad 横屏 （Retina） --&iPhone 和 iPod touch 的启动画面是包含状态栏区域的。
iPhone/iPod Touch 竖屏 320x480 (标准分辨率)
&link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /& &!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) --&
iPhone/iPod Touch 竖屏 640x960 (Retina)
&link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" /& &!-- iPhone/iPod Touch 竖屏 640x960 (Retina) --&
iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)
&link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" /& &!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) --&
添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）
&meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"& &!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） --&
AndroidAndroid Lollipop 中的 Chrome 39
增加 theme-color meta 标签，用来控制选项卡颜色。
&meta name="theme-color" content="#db5945"&
Windows 8 磁贴颜色
&meta name="msapplication-TileColor" content="#000"/& &!-- Windows 8 磁贴颜色 --&
Windows 8 磁贴图标
&meta name="msapplication-TileImage" content="icon.png"/& &!-- Windows 8 磁贴图标 --&
添加 RSS 订阅
&link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" /& &!-- 添加 RSS 订阅 --&添加 favicon icon&link rel="shortcut icon" type="image/ico" href="/favicon.ico" /& &!-- 添加 favicon icon --&禁止 Chrome 浏览器中自动提示翻译
&meta name="google" value="notranslate"&
关注微信下载离线手册网页头部里的信息哪些是必须的，它们都代表什么？
例如：&title&&/title&&meta name="keywords" content="" /& &meta name="description" content="" /&除了上面这三个我知道，其他还有很多我就不知道了，它们都代表什么？哪些是必须的？这个是什么意思：&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&还有其它的都有哪些，都是什么意思？重点是哪些是必须的？........................
按投票排序
基本标签使用 HTML5 doctype，不区分大小写。&!DOCTYPE html& &!-- 使用 HTML5 doctype，不区分大小写 --&
声明文档使用的字符编码&meta charset='utf-8'& &!-- 声明文档使用的字符编码 --&
更加标准的 lang 属性写法 简体中文&html lang="zh-cmn-Hans"& &!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&
繁体中文&html lang="zh-cmn-Hant"& &!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&
很少情况才需要加地区代码，通常是为了强调不同地区汉语使用差异，例如：&p lang="zh-cmn-Hans"&
&strong lang="zh-cmn-Hans-CN"&菠萝&/strong&和&strong lang="zh-cmn-Hant-TW"&鳳梨&/strong&其实是同一种水果。只是大陆和台湾称谓不同，且新加坡、马来西亚一带的称谓也是不同的，称之为&strong lang="zh-cmn-Hans-SG"&黄梨&/strong&。
SEO 优化页面描述每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。&meta name="description" content="不超过150个字符"& &!-- 页面描述 --&
页面关键词&meta name="keywords" content=""& &!-- 页面关键词 --&
定义页面标题&title&标题&/title&
定义网页作者&meta name="author" content="name, "& &!-- 网页作者 --&
定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。&meta name="robots" content="index,follow"& &!-- 搜索引擎抓取 --&
可选标签为移动设备添加 viewport&meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"& &!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz --&
width=device-width 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边content 参数：width viewport 宽度(数值/device-width)height viewport 高度(数值/device-height)initial-scale 初始缩放比例maximum-scale 最大缩放比例minimum-scale 最小缩放比例user-scalable 是否允许用户缩放(yes/no)minimal-ui iOS 7.1 beta 2 中新增属性（注意：iOS8 中已经删除），可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：&meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"&优先使用 IE 最新版本和 Chrome&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&
360 使用Google Chrome Frame&meta name="renderer" content="webkit"&
360 浏览器就会在读取到这个标签后，立即切换对应的极速核。 另外为了保险起见再加入&meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&
这样写可以达到的效果是如果安装了 Google Chrome Frame，则使用 GCF 来渲染页面，如果没有安装 GCF，则使用最高版本的 IE 内核进行渲染。百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在 head 内添加&meta http-equiv="Cache-Control" content="no-siteapp" /&好吧，下面才是重点==参考链接：
"网页头部"里没有必须的东西，真正必须的东西在真正的头部里。具体你随便打开控制台看一下header就好
在这里就以知乎首页的源码为例。&head&
/* 网页标题 */
&title&首页 - 知乎&/title&
/* meta元属性 */
&meta charset="utf-8" /&
&meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&
&meta name="renderer" content="webkit" /&
&meta name="apple-itunes-app" content="app-id=" /&
&meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/&
&meta id="znonce" name="znonce" content="1426ece904f64bfaa54fc9"&
&link rel="apple-touch-icon-precomposed" href="/static/img/ios/zhihu(57px).png" /&
&link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"&
&link rel="search" type="application/opensearchdescription+xml" href="/static/search.xml" title="知乎" /&
/* 引入CSS层叠样式表 */
&link rel="stylesheet" href="/static/revved/-/css/z..css"&
/* IE兼容 */
&!--[if lt IE 9]&
&script src="/static/components/respond/dest/respond.min.js"&&/script&
&link href="/static/components/respond/cross-domain/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /&
&link href="/static/components/respond/cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" /&
&script src="/static/components/respond/cross-domain/respond.proxy.js"&&/script&
&![endif]--&
/* 引入JavaScript文件 */
&script src="/static/revved/-/js/instant.e1ff39cb.js"&&/script&
左边的小icon就是"shortcut icon"，文字部分就是title标签定义的内容。左边的小icon就是"shortcut icon"，文字部分就是title标签定义的内容。meta元属性标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。viewport视口属性是针对移动端进行的设定，还有与SEO相关的keywords,description等等。详见 link rel属性定义和用法rel 属性规定当前文档与被链接文档/资源之间的关系。只有当使用 href 属性时，才能使用 rel 属性。link rel="apple-touch-icon-precomposed"iPhone/iPod Touch上将网页"添加至主屏幕"时，去掉icon上透明层详见 也没啥必要的东西，尤其是现在HTML5规范里又简化了一些写法。基本上设置一下charset属性就行了。建议随便看一本HTML5相关的入门书籍，就可以对标签属性知道个大概了。
头部信息嘛，自然就是一些客户端和服务端的交互的相关信息。你说的这条是说明，页面的请求类型是content-type，content的展示形式是text/html,网页的文字编码是UTF8还有很多啊：link和script咱不说：&meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&比如这条，是禁止手机端进行缩放的。标签名，viewport，内容是规定了宽度的，等同于设备宽度，然后是各种设备的缩放比例都是1，最后一个user-scalable=no是禁止用户缩放的。&meta http-equiv="Pragma" content="no-cache" /&比如这个禁用缓存的。这个禁用是你浏览器禁用，就是每次打开页面都重新加载一遍最新的内容，而不是读取浏览器缓存。（和服务器端启用，禁用缓存没啥关系）————————————————————————还有很多，懒得一个一个的说，自己搜索一下吧，到处都有相关的解释。有一些必须，有一些不是必须的。
&title&&/title&是必须的，因为SEO的需要，其它都不是。
手机自适应布局需要加meta
已有帐号？
社交帐号登录
无法登录？
社交帐号登录}