HTML Head

A list of everything that *could* go in the of your document

Table of Contents

Below are the essential tags for basic, minimalist websites:





Page Title

⬆ back to top

Elements

Valid elements include meta, link, title, style, script, noscript, and base.



Page Title








⬆ back to top

Meta




















WordPress, Dreamweaver) –>













⬆ back to top




















WordPress blog links to your WordPress blog or post –>














⬆ back to top

Favicons







⬆ back to top

Social

Facebook Open Graph










Twitter Card








Google+ / Schema.org





Pinterest

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">

⬆ back to top

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
















⬆ back to top









⬆ back to top

Browsers (Chinese)

360 Browser



QQ Mobile Browser





UC Mobile Browser









⬆ back to top

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:


⬆ back to top

Other Resources

⬆ back to top

⬆ back to top

Other Formats

⬆ back to top

Translations

⬆ back to top

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.

Author

Josh Buchea

License

CC0

⬆ back to top