# HTML HEAD
**Repository Path**: cuiqg/head
## Basic Information
- **Project Name**: HTML HEAD
- **Description**: 🗿这是一份与 相关的标签列表。
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: https://htmlhead.dev
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-05
- **Last Updated**: 2021-11-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 🗣️ HEAD
> 一份关于任何\*可以\*写入到你的文档中 `` 部分的清单。
[](https://github.com/joshbuchea/HEAD/graphs/contributors)
[](https://creativecommons.org/publicdomain/zero/1.0/deed.zh)
[](https://twitter.com/joshbuchea)
## 目录
- [最小推荐](#最小推荐)
- [网页元素](#网页元素)
- [Meta 标签](#meta-标签)
- [链接](#链接)
- [网站图标](#网站图标)
- [社交](#社交)
- [Facebook Open Graph](#facebook-open-graph)
- [Twitter Card](#twitter-card)
- [Twitter Privacy](#twitter-privacy)
- [Schema.org](#schemaorg)
- [Pinterest](#pinterest)
- [Facebook Instant Articles](#facebook-instant-articles)
- [OEmbed](#oembed)
- [QQ/微信](#qq微信)
- [浏览器 / 平台](#浏览器--平台)
- [Apple iOS](#apple-ios)
- [Google Android](#google-android)
- [Google Chrome](#google-chrome)
- [Microsoft Internet Explorer](#microsoft-internet-explorer)
- [国内的浏览器](#国内的浏览器)
- [360 浏览器](#360-浏览器)
- [QQ 移动浏览器](#qq-移动浏览器)
- [UC 移动浏览器](#uc-移动浏览器)
- [应用链接](#应用链接)
- [其他资源](#其他资源)
- [相关项目](#相关项目)
- [其他格式](#其他格式)
- [翻译](#-翻译)
- [贡献](#-贡献)
- [贡献者](#贡献者)
- [作者](#-作者)
- [协议](#-协议)
## 最小推荐
以下是构成任何 Web 页面（网站/应用程序）的基本要素：
```html
页面标题
```
**meta charset** - 定义网站的编码格式，默认为 `utf-8`。
**meta name="viewport"** - 与移动端设备响应式有关的视口设置。
**width=device-width** 表示它将使用设备的物理宽度（而不是缩放），这对于移动设备友好的页面来说是很有帮助。
**initial-scale=1** 默认缩放，1 表示不缩放
**[⬆ 返回顶部](#目录)**
## 网页元素
有效的 `` 元素包括 `meta`、`link`、`title`、`style`、`script`、`noscript` 和 `base`。
这些元素提供了如何通过如浏览器，搜索引擎，网络爬虫等网络技术来感知和呈现文档的信息。
```html
页面标题
```
**[⬆ 返回顶部](#目录)**
## Meta 标签
```html
```
- 📖 [Google 可以识别的 Meta 标签](https://support.google.com/webmasters/answer/79812?hl=zh-Hans)
- 📖 [WHATWG Wiki: Meta 拓展](https://wiki.whatwg.org/wiki/MetaExtensions)
- 📖 [ICBM - 维基百科](https://en.wikipedia.org/wiki/ICBM_address#Modern_use)
- 📖 [地理标记 - 维基百科](https://en.wikipedia.org/wiki/Geotagging#HTML_pages)
**[⬆ 返回顶部](#目录)**
## 链接
```html
```
- 📖 [链接关系](https://www.iana.org/assignments/link-relations/link-relations.xhtml)
**[⬆ 返回顶部](#目录)**
## 网站图标
```html
```
- 📖 [所有关于网站图标（和触摸图标）的信息](https://bitsofco.de/all-about-favicons-and-touch-icons/)
- 📖 [创建固定选项卡图标](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html)
- 📖 [网站图标对照表](https://github.com/audreyr/favicon-cheat-sheet)
- 📖 [网址图标 & 浏览器颜色表](https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/)
**[⬆ 返回顶部](#目录)**
## 社交
### Facebook Open Graph
> 大多数内容都是作为 URL 分享到 Facebook 的，因此，使用 Open Graph 标签标记网站来控制内容在 Facebook 上的显示方式显得尤为重要。[有关 Facebook Open Graph 标签的更多信息](https://developers.facebook.com/docs/sharing/webmasters#markup)
```html
```
- 📖 [Open Graph 协议](https://ogp.me/)
- 🛠 [页面验证 - Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
### Twitter Card
> 使用 Twitter Card，您可以将丰富的照片、视频和媒体资源附加到推文上，以帮助增加网站的访问量。[有关 Twitter Card 的更多信息](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards)
```html
```
- 📖 [名片入门指南 - Twitter 开发者](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).
```html
```
### Schema.org
```html
```
**注意:** 这些 meta 标签需要在 `` 中添加 `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` 为可选。
```html
```
### Facebook Instant Articles
```html
```
- 📖 [创建文章 - Instant Articles](https://developers.facebook.com/docs/instant-articles/guides/articlecreate)
- 📖 [代码示例 - Instant Articles](https://developers.facebook.com/docs/instant-articles/reference)
### OEmbed
```html
```
- 📖 [oEmbed 格式](https://oembed.com/)
### QQ/微信
用户将网页分享到 QQ 或微信会带有指定信息。
```html
```
- 📖 [格式文档](http://open.mobile.qq.com/api/mqq/index#api:setShareInfo)
**[⬆ 返回顶部](#目录)**
## 浏览器 / 平台
### Apple iOS
```html
```
- 📖 [配置 Web 应用程序](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html)
### Google Android
```html
```
### Google Chrome
```html
```
### Microsoft Internet Explorer
```html
```
最低要求的的 `browserconfig.xml` 配置：
```xml
```
- 📖 [浏览器配置模式参考](https://msdn.microsoft.com/en-us/library/dn320426.aspx)
**[⬆ 返回顶部](#目录)**
## 国内的浏览器
### 360 浏览器
```html
```
### QQ 移动浏览器
```html
```
### UC 移动浏览器
```html
```
- 📖 [UC 浏览器文档](https://www.uc.cn/download/UCBrowser_U3_API.doc)
**[⬆ 返回顶部](#目录)**
## 应用链接
```html
```
- 📖 [应用链接文档](https://applinks.org/documentation/)
**[⬆ 返回顶部](#目录)**
## 其他资源
- 📖 [HTML5 样板文档：HTML 标签](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/html.md)
- 📖 [HTML5 样板文档：扩展和定制](https://github.com/h5bp/html5-boilerplate/blob/master/dist/doc/extend.md)
**[⬆ 返回顶部](#目录)**
## 相关项目
- [Atom HTML Head 片段](https://github.com/joshbuchea/atom-html-head-snippets) - Atom `HEAD` 片段包
- [Sublime Text HTML Head 片段](https://github.com/marcobiedermann/sublime-head-snippets) - Sublime Text `HEAD` 片段包
- [head-it](https://github.com/hemanth/head-it) - `HEAD` 片段的 CLI 接口
- [vue-head](https://github.com/ktquez/vue-head) - 在 Vue.js 中操作 `HEAD` 标签的 meta 信息
**[⬆ 返回顶部](#目录)**
## 其他格式
- 📄 [PDF](https://gitprint.com/joshbuchea/HEAD/blob/master/README.md)
**[⬆ 返回顶部](#目录)**
## 🌐 翻译
- 🇺🇸 [英语/English](https://github.com/joshbuchea/HEAD)
- 🇨🇳 [简体中文/Chinese (Simplified)](https://github.com/Amery2010/HEAD)
- 🇩🇪 [德语/German](https://github.com/Shidigital/HEAD)
- 🇮🇩 [巴哈萨语/Bahasa](https://github.com/rijdz/HEAD)
- 🇧🇷 [巴西葡萄牙语/Brazilian Portuguese](https://github.com/Webschool-io/HEAD)
- 🇮🇹 [意大利语/Italian](https://github.com/Fakkio/HEAD)
- 🇯🇵 [日语/Japanese](https://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html)
- 🇰🇷 [韩语/Korean](https://github.com/Lutece/HEAD)
- 🇷🇺 [俄罗斯语/Russian/Русский](https://github.com/Konfuze/HEAD)
- 🇪🇸 [西班牙语/Spanish](https://github.com/alvaroadlf/HEAD)
- 🇹🇷 [土耳其语/Turkish/Türkçe](https://github.com/mkg0/HEAD)
**[⬆ 返回顶部](#目录)**
## 🤝 贡献
### 贡献者
列出所有超级棒的 [贡献者们](https://github.com/joshbuchea/HEAD/graphs/contributors).
## 👤 作者
**Josh Buchea**
- Twitter: [@joshbuchea](https://twitter.com/joshbuchea)
- Github: [@joshbuchea](https://github.com/joshbuchea)
### 翻译者
**[子丶言](https://xiangfa.org/)**
### ⭐️支持
如果这个项目对您有帮助，请 ⭐️这个项目！
## 📝 协议
**[⬆ 返回顶部](#目录)**