🗿 A list of everything that *could* go in the head of your document
A list of everything that *could* go in theof your document
Below are the essential elements for any web document (websites/apps):
meta charset - defines the encoding of the website, utf-8 is the standard
meta name="viewport" - viewport settings related to mobile responsiveness
width=device-width means that it will use the physical width of the device (instead of zooming out) which is good with mobile friendly pages
initial-scale=1 is the initial zoom, 1 means no zoom
These elements provide information for how a document should be perceived, and rendered, by web technologies. e.g. browsers, search engines, bots, etc.
Most content is shared to Facebook as a URL, so it's important that you mark up your website with Open Graph tags to take control over how your content appears on Facebook. More about Facebook Open Graph Markup
With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. More about Twitter Cards
If you embed tweets in your website, Twitter can use information from your site to tailor content and suggestions to Twitter users. More about Twitter privacy options.
<link rel="author" href=""> <link rel="publisher" href=""> <meta itemprop="name" content="Content Title"> <meta itemprop="description" content="Content description less than 200 characters"> <meta itemprop="image" content="https://example.com/image.jpg">
Note: These meta tags require the
itemtypeattributes to be added to the tag.
Pinterest lets you prevent people from saving things from your website, according to their help center. The
Users share web pages to qq wechat will have a formatted message
Minimum required xml markup for
HEADtag for Vue.js
Open an issue or a pull request to suggest changes or additions.
The HEAD repository consists of two branches:
This branch consists of the
README.mdfile that is automatically reflected on the htmlhead.dev 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:
README.mdMarkdown 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.
Check out all the super awesome contributors.
Please ⭐️ this repository if this project helped you!