Page Title

# 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#目录) ## 原文 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://xiaohesong.gitbook.io/today-i-learn/front-end/dom/head.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.