HTML 标签大全

一份关于任何可以写入到你的文档中部分的清单。-- Joshbuchea

本文导航最小推荐00% 网页元素02% Meta 标签05% 链接21% 网站图标36% 社交40% Facebook Open Graph40% Facebook Instant Articles43% Twitter Cards46% Google+ / Schema.org49% Pinterest50% OEmbed52% 浏览器 / 平台54% Apple iOS54% Apple Safari60% Google Android61% Google Chrome62% Google Chrome Mobile （只针对 Android）64% Microsoft Internet Explorer67% 应用链接74% 国内的浏览器77% 360 浏览器77% QQ 移动浏览器78% UC 移动浏览器79% 注意84% 性能84% 其他资源86% 相关项目87% 其他格式89% 翻译90% 贡献92% 指南93% 1、master93% 2. gh-pages95% 贡献者98% 作者98% 翻译者98% 协议99%编译自　|　https://github.com/joshbuchea/HEAD
　作者　|　Joshbuchea
转载自　|　https://github.com/Amery2010/HEAD
　译者　|　Amery2010
一份关于任何可以写入到你的文档中

[/code] 部分的清单。
最小推荐
下面是基本的、最低限度的网站基本标签：
[list=1][*][code]

复制代码

[/code]
[*][code]

复制代码

[/code]
[*][code]页面标题

复制代码

网页元素

1. [/code]
2. [*][code]页面标题
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code] /* ... */
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]Meta 标签
3. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

Google 可以识别的 Meta 标签[1] WHATWG Wiki: Meta 拓展[2] ICBM - 维基百科[3] 地理标记 - 维基百科[4]
链接

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

网站图标

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

所有关于网站图标（和触摸图标）的信息[5] 网站图标对照表[6]
社交
Facebook Open Graph

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]
3. Facebook 的 Open Graph 的标记[7] Open Graph 协议[8]
4. Facebook Instant Articles
5. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]
3. Facebook Instant Articles: 创建文章[9] Instant Articles: 格式参考[10]
4. Twitter Cards
5. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

Twitter 名片：入门指南[11] Twitter 名片验证[12]
Google+ / Schema.org

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

Pinterest
根据他们的帮助中心[13]可知，Pinterest 允许你禁止他人保存你网站里的内容。

description

复制代码

为可选。

1. [/code]
2. [/list]OEmbed
3. [list=1][*][code]
复制代码
1. [/code]
2. [/list]
3. oEmbed 格式[14]
4. 浏览器 / 平台
5. Apple iOS
6. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

Apple Meta 标签[15]
Apple Safari

1. [/code]
2. [*][code]
复制代码

Google Android

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]Google Chrome
3. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]Google Chrome Mobile （只针对 Android）
3. 从 Chrome 31 开始，你可以设置你的 Web 应用为“app mode”，如 Safari。
4. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

Google 开发者[16]
Microsoft Internet Explorer

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [/list]应用链接
3. [list=1][*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

应用链接文档[17]
国内的浏览器
360 浏览器

1. [/code]
2. [*][code]
复制代码

QQ 移动浏览器

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

UC 移动浏览器

1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码
1. [/code]
2. [*][code]
复制代码

UC 浏览器文档[18]
注意
性能
当启用 GZIP 时，移动

href

复制代码

属性到该元素的开头以提高压缩，因为

href

复制代码

属性被用于

a

复制代码

、

base

复制代码

和

link

复制代码

标签。
示例:

1. [/code]
2. [/list]其他资源
4. HTML5 样板文档：HTML 标签[19] HTML5 样板文档：扩展和定制[20]
5. 相关项目
7. Atom HTML Head 片段[21] - Atom [code]HEAD
复制代码
片段包 Sublime Text HTML Head 片段[22] - Sublime Text
1. HEAD
复制代码
片段包 head-it[23] -
1. HEAD
复制代码
片段的 CLI 接口 vue-head[24] - 在 Vue.js 中操作
1. HEAD
复制代码
标签的 meta 信息
其他格式

PDF[25]
翻译

英语/English[26] 巴西葡萄牙语/Brazilian Portuguese[27] 意大利语/Italian[28] 日语/Japanese[29] 俄罗斯语/Russian/Русский[30] 土耳其语/Turkish/Türke[31] 韩语/Korean[32]
贡献
开启一个 issue 或一个 pull 请求来提出修改或补充。
指南
HEAD 仓库由两个分支组成：
1、
1. master
复制代码
对该分支包含的
1. README.md
复制代码
文件的修改会自动反映在 Cheat Sheet[33] 网站上。所有对照表内容的更改都应该针对此文件。
请按照下列步骤 pull 请求：

只修改一个标签，或一次一组相关的标签对属性使用双引号请不要在自我闭合的元素中使用斜线 —— 即便 HTML5 规范中说，他们是可选的考虑在文档中加入链接以支持你所提到的变化
2.
1. gh-pages
复制代码
该分支负责 Cheat Sheet[34] 网站。我们使用 Jekyll[35] 通过 GitHub Pages[36]服务来部署
1. README.md
复制代码
Markdown 文件。所有网站相关的修改必须集中在这里。
你可能需要通过 Jekyll 文档[37] 来了解 Jekyll 是如何在该分支上工作的。
贡献者
列出所有超级棒的贡献者们[38].
作者
Josh Buchea[39]
翻译者
子丶言[40]
协议
CC0，在法律范围内，Josh Buchea 已经放弃了这项工作的所有版权以及相关或邻近的权利。

文内相关链接，请访问“原文链接”获得可点击的链接！
- [1]: Google 可以识别的 Meta 标签 - https://support.google.com/webmasters/answer/79812?hl=zh-Hans
- [2]: WHATWG Wiki: Meta 拓展 - https://wiki.whatwg.org/wiki/MetaExtensions
- [3]: ICBM - 维基百科 - https://en.wikipedia.org/wiki/ICBM_address#Modern_use
- [4]: 地理标记 - 维基百科 - https://en.wikipedia.org/wiki/Geotagging#HTML_pages
- [5]: 所有关于网站图标（和触摸图标）的信息 - https://bitsofco.de/all-about-favicons-and-touch-icons/
- [6]: 网站图标对照表 - https://github.com/audreyr/favicon-cheat-sheet
- [7]: Facebook 的 Open Graph 的标记 - https://developers.facebook.com/docs/sharing/webmasters#markup
- [8]: Open Graph 协议 - http://ogp.me/
- [9]: Facebook Instant Articles: 创建文章 - https://developers.facebook.com/docs/instant-articles/guides/articlecreate
- [10]: Instant Articles: 格式参考 - https://developers.facebook.com/docs/instant-articles/reference
- [11]: Twitter 名片：入门指南 - https://dev.twitter.com/cards/getting-started
- [12]: Twitter 名片验证 - https://cards-dev.twitter.com/validator
- [13]: 帮助中心 - https://help.pinterest.com/en/articles/prevent-people-saving-things-pinterest-your-site
- [14]: oEmbed 格式 - http://oembed.com/
- [15]: Apple Meta 标签 - https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
- [16]: Google 开发者 - https://developer.chrome.com/multidevice/android/installtohomescreen
- [17]: 应用链接文档 - http://applinks.org/documentation/
- [18]: UC 浏览器文档 - http://www.uc.cn/download/UCBrowser_U3_API.doc
- [19]: HTML5 样板文档：HTML 标签 - https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/html.md
- [20]: HTML5 样板文档：扩展和定制 - https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/extend.md
- [21]: Atom HTML Head 片段 - https://github.com/joshbuchea/atom-html-head-snippets
- [22]: Sublime Text HTML Head 片段 - https://github.com/marcobiedermann/sublime-head-snippets
- [23]: head-it - https://github.com/hemanth/head-it
- [24]: vue-head - https://github.com/ktquez/vue-head
- [25]: PDF - https://gitprint.com/joshbuchea/HEAD/blob/master/README.md
- [26]: 英语/English - https://github.com/joshbuchea/HEAD
- [27]: 巴西葡萄牙语/Brazilian Portuguese - https://github.com/Webschool-io/HEAD
- [28]: 意大利语/Italian - https://github.com/Fakkio/HEAD
- [29]: 日语/Japanese - http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html
- [30]: 俄罗斯语/Russian/Русский - https://github.com/Konfuze/HEAD
- [31]: 土耳其语/Turkish/Türke - https://github.com/mkg0/HEAD
- [32]: 韩语/Korean - https://github.com/Lutece/HEAD
- [33]: Cheat Sheet - http://gethead.info/
- [34]: Cheat Sheet - http://gethead.info/
- [35]: Jekyll - https://jekyllrb.com/
- [36]: GitHub Pages - https://pages.github.com/
- [37]: Jekyll 文档 - https://jekyllrb.com/docs/home/
- [38]: 贡献者们 - https://github.com/joshbuchea/HEAD/graphs/contributors
- [39]: Josh Buchea - http://joshbuchea.com/
- [40]: 子丶言 - https://xiangfa.org/
推荐文章
< 左右滑动查看相关文章 >
[/url][url=http://mp.weixin.qq.com/s?__biz=MjM5NjQ4MjYwMQ==&mid=200927730&idx=2&sn=b354e568c98b85623b1a01462918704e&scene=21#wechat_redirect]

[/url][url=http://mp.weixin.qq.com/s?__biz=MjM5NjQ4MjYwMQ==&mid=2664608602&idx=1&sn=9048bd4800fa10393f0bd7561b4eba08&chksm=bdce881c8ab9010aaa3d4a58b5e9bd5f8e47e3df777da56e7990afb9f83085e46a60b3a237dd&scene=21#wechat_redirect][/url][url=http://mp.weixin.qq.com/s?__biz=MjM5NjQ4MjYwMQ==&mid=2664608845&idx=3&sn=3b94a80fc70800d157e3f535f601fad0&chksm=bdce8f0b8ab9061d3d8d1edba83f9739b86758a3b2f83f8e92f6714bb00850fa3ad3a6b52ab5&scene=21#wechat_redirect][/url][url=http://mp.weixin.qq.com/s?__biz=MjM5NjQ4MjYwMQ==&mid=2664609106&idx=1&sn=969e6f8d4fdd9b39aa30ccc929eed012&chksm=bdce8e148ab9070272623f9e0120eefd71085a21aeae0dce514f1b9896bfc736eb46fa38a522&scene=21#wechat_redirect]
点击图片、输入文章 ID 或识别二维码直达