> For the complete documentation index, see [llms.txt](https://xiaohesong.gitbook.io/today-i-learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/head.md).
# HEAD
> 一个所有有可能进入document ``的列表。
## 目录
* [最低要求](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#最低要求)
* [elements](/today-i-learn/front-end/dom/head.md#elements)
* [Meta](/today-i-learn/front-end/dom/head.md#meta)
* [Link](/today-i-learn/front-end/dom/head.md#link)
* [Icons](/today-i-learn/front-end/dom/head.md#icons)
* [Social](/today-i-learn/front-end/dom/head.md#social)
* [Facebook Open Graph](/today-i-learn/front-end/dom/head.md#facebook-open-graph)
* [Twitter Card](/today-i-learn/front-end/dom/head.md#twitter-card)
* [Twitter Privacy](/today-i-learn/front-end/dom/head.md#twitter-privacy)
* [Schema.org](/today-i-learn/front-end/dom/head.md#schemaorg)
* [Pinterest](/today-i-learn/front-end/dom/head.md#pinterest)
* [Facebook Instant Articles](/today-i-learn/front-end/dom/head.md#facebook-instant-articles)
* [OEmbed](/today-i-learn/front-end/dom/head.md#oembed)
* [Browsers / Platforms](/today-i-learn/front-end/dom/head.md#browsers--platforms)
* [Apple iOS](/today-i-learn/front-end/dom/head.md#apple-ios)
* [Google Android](/today-i-learn/front-end/dom/head.md#google-android)
* [Google Chrome](/today-i-learn/front-end/dom/head.md#google-chrome)
* [Microsoft Internet Explorer](/today-i-learn/front-end/dom/head.md#microsoft-internet-explorer)
* [Browsers (Chinese)](/today-i-learn/front-end/dom/head.md#browsers-chinese)
* [360 Browser](/today-i-learn/front-end/dom/head.md#360-browser)
* [QQ Mobile Browser](/today-i-learn/front-end/dom/head.md#qq-mobile-browser)
* [UC Mobile Browser](/today-i-learn/front-end/dom/head.md#uc-mobile-browser)
* [App Links](/today-i-learn/front-end/dom/head.md#app-links)
* [其他资源](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#其他资源)
* [相关项目](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#相关项目)
* [其他格式](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#其他格式)
* [作者](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#作者)
* [原文](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#原文)
## 最低要求
以下是任何网络文件(网站/应用程序)的基本要素:
```markup
Page Title
```
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Elements
有效的``元素包含`meta`, `link`, `title`, `style`, `script`, `noscript`, 和`base`。
这些元素提供了有关如何通过Web技术感知和呈现document的信息。例如浏览器，搜索引擎，机器人等。
```markup
Page Title
```
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Meta
```markup
```
* 📖 [Meta tags that Google understands](https://support.google.com/webmasters/answer/79812?hl=en)
* 📖 [WHATWG Wiki: MetaExtensions](https://wiki.whatwg.org/wiki/MetaExtensions)
* 📖 [ICBM on Wikipedia](https://en.wikipedia.org/wiki/ICBM_address#Modern_use)
* 📖 [Geotagging on Wikipedia](https://en.wikipedia.org/wiki/Geotagging#HTML_pages)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Link
```markup
```
* 📖 [Link Relations](https://www.iana.org/assignments/link-relations/link-relations.xhtml)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Icons
```markup
```
* 📖 [All About Favicons (And Touch Icons)](https://bitsofco.de/all-about-favicons-and-touch-icons/)
* 📖 [Creating Pinned Tab Icons](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html)
* 📖 [Favicon Cheat Sheet](https://github.com/audreyr/favicon-cheat-sheet)
* 📖 [Icons & Browser Colors](https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Social
### Facebook Open Graph
```markup
```
* 📖 [Facebook Open Graph Markup](https://developers.facebook.com/docs/sharing/webmasters#markup)
* 📖 [Open Graph protocol](http://ogp.me/)
* 🛠 使用 [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/) 测试你的页面
### Twitter Card
```markup
```
* 📖 [Getting started with cards — Twitter Developers](https://dev.twitter.com/cards/getting-started)
* 🛠 使用 [Twitter Card Validator](https://cards-dev.twitter.com/validator) 测试你的页面
### Twitter Privacy
如果你在网站中嵌入推文，Twitter可以使用你网站上的信息来定制Twitter用户的内容和建议。[更多关于Twitter隐私选项。](https://dev.twitter.com/web/overview/privacy#what-privacy-options-do-website-publishers-have)
```markup
```
### Schema.org
```markup
```
**注意：** 这些元标记需要将`itemscope`和`itemtype`属性添加到``标记中。
* 🛠使用[结构化数据测试工具](https://developers.google.com/structured-data/testing-tool/)测试你的页面
### Pinterest
根据[他们的帮助中心](https://help.pinterest.com/en/business/article/prevent-saves-to-pinterest-from-your-site)，Pinterest可以防止人们从你的网站上保存内容。`description`是可选的。
```markup
```
### Facebook Instant Articles
```markup
```
* 📖 [Creating Articles - Instant Articles](https://developers.facebook.com/docs/instant-articles/guides/articlecreate)
* 📖 [Code Samples - Instant Articles](https://developers.facebook.com/docs/instant-articles/reference)
### OEmbed
```markup
```
* 📖 [oEmbed format](https://oembed.com/)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Browsers / Platforms
### Apple iOS
```markup
```
* 📖 [Configuring Web Applications](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html)
### Google Android
```markup
```
### Google Chrome
```markup
```
### Microsoft Internet Explorer
```markup
```
用于`browserconfig.xml`的xml标记的最低要求：
```markup
```
* 📖 [Browser configuration schema reference](https://msdn.microsoft.com/en-us/library/dn320426.aspx)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## Browsers (Chinese)
### 360 Browser
```markup
```
### QQ Mobile Browser
```markup
```
### UC Mobile Browser
```markup
```
* 📖 [UC Browser Docs](https://www.uc.cn/download/UCBrowser_U3_API.doc)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## App Links
```markup
```
* 📖 [App Links](https://applinks.org/documentation/)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## 其他资源
* 📖 [HTML5 Boilerplate Docs: The HTML](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/html.md)
* 📖 [HTML5 Boilerplate Docs: Extend and customize](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/extend.md)
## 相关项目
* [Atom HTML Head Snippets](https://github.com/joshbuchea/atom-html-head-snippets) - `HEAD`片段的Atom包
* [Sublime Text HTML Head Snippets](https://github.com/marcobiedermann/sublime-head-snippets) - `HEAD`片段的Sublime Text包
* [head-it](https://github.com/hemanth/head-it) - `HEAD`代码段的CLI接口
* [vue-head](https://github.com/ktquez/vue-head) - 操作Vue.js的`HEAD`标签的meta信息
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## 其他格式
* 📄 [PDF](https://gitprint.com/joshbuchea/HEAD/blob/master/README.md)
## 作者
* 原著
[**Josh**](https://twitter.com/joshbuchea)
* 译者
[**xiaohesong**](https://github.com/xiaohesong)
[**⬆ 返回顶部**](https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/pages/-LjQ0EfElSvyczFEudJy#目录)
## 原文