A list of everything that *could* go in the of your document
Table of Contents
- Recommended Minimum
- Elements
- Meta
- Link
- Favicons
- Social
- Browsers / Platforms
- Browsers (Chinese)
- App Links
- Notes
- Other Resources
- Related Projects
- Other Formats
- Translations
- Contributing
- Author
- License
Recommended Minimum
Below are the essential tags for basic, minimalist websites:
Elements
Valid elements include
meta
, link
, title
, style
, script
, noscript
, and base
.
Meta
website is used as an app) –>
Google Search Console –>
WordPress, Dreamweaver) –>
- 📖 Meta tags that Google understands
- 📖 WHATWG Wiki: MetaExtensions
- 📖 ICBM on Wikipedia
- 📖 Geotagging on Wikipedia
Link
WordPress blog links to your WordPress blog or post –>
Favicons
Social
Facebook Open Graph
Twitter Card
Google+ / Schema.org
Pinterest lets you prevent people from saving things from your website, according to their help center. The description
is optional.
Facebook Instant Articles
OEmbed
href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=json"
title="oEmbed Profile: JSON">
href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=xml"
title="oEmbed Profile: XML">
Browsers / Platforms
Apple iOS
Apple Safari
Google Android
Google Chrome
Google Chrome Mobile (Android Only)
Since Chrome 31, you can set up your web app to “app mode” like Safari.
Microsoft Internet Explorer
App Links
Browsers (Chinese)
360 Browser
QQ Mobile Browser
UC Mobile Browser
Notes
Performance
Moving the href
attribute to the beginning of an element improves compression when GZIP is enabled, because the href
attribute is used in a
, base
, and link
tags.
Example:
Other Resources
Related Projects
- Atom HTML Head Snippets – Atom package for
HEAD
snippets - Sublime Text HTML Head Snippets – Sublime Text package for
HEAD
snippets - head-it – CLI interface for
HEAD
snippets - vue-head – Manipulating the meta information of the
HEAD
tag for Vue.js
Other Formats
Translations
- 🇧🇷 Brazilian Portuguese
- 🇨🇳 Chinese (Simplified)
- 🇮🇹 Italian
- 🇯🇵 Japanese
- 🇰🇷 Korean
- 🇷🇺 Russian/Русский
- 🇹🇷 Turkish/Türkçe
Contributing
Open an issue or a pull request to suggest changes or additions.
Guide
The HEAD repository consists of two branches:
1. master
This branch consists of the README.md
file that is automatically reflected on the gethead.info website. All changes to the content of the cheat sheet as such should be directed to this file.
Please follow these steps for pull requests:
- Modify only one tag, or one related set of tags at a time
- Use double quotes on attributes
- Don’t include a trailing slash in self-closing elements — the HTML5 spec says they’re optional
- Consider including a link to documentation that supports your change
2. gh-pages
This branch is responsible for the gethead.info website. We use Jekyll to deploy the README.md
Markdown file through GitHub Pages. All website related modifications must be directed here.
You may want to go through the Jekyll Docs and understand how Jekyll works before working on this branch.
Contributors
Check out all the super awesome contributors.