A list of everything that *could* go in the
<head>of your document
- Recommended Minimum
- Elements
- Meta
- Link
- Icons
- Social
- Browsers / Platforms
- Browsers (Chinese)
- App Links
- Other Resources
- Related Projects
- Other Formats
- Translations
- Contributing
- Author
- License
Below are the essential elements for any web document (websites/apps):
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
The above 2 meta tags *must* come first in the <head>
to consistently ensure proper document rendering.
Any other head element should come *after* these tags.
-->
<title>Page Title</title>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
ๆๅนใช <head> ใฎ่ฆ็ด ใซใฏ meta, link, title, style, script, noscript ใจ base ใๅซใพใใพใใ
ใใใใฎ่ฆ็ด ใฏใWebใใฏใใญใธใผใใใญใฅใกใณใใใฉใฎใใใซ่ช่ญใใใฌใณใใชใณใฐใใใใซใคใใฆใฎๆ ๅ ฑใๆไพใใพใใไพใใฐใใฉใฆใถใๆค็ดขใจใณใธใณใใใใใชใฉ
<!--
Set the character encoding for this document, so that
all characters within the UTF-8 space (such as emoji)
are rendered correctly.
ใใใฎใใญใฅใกใณใใฎๆๅญใจใณใณใผใใฃใณใฐใ่จญๅฎใใฆใ UTF-8ในใใผในๅ
ใฎใในใฆใฎๆๅญ๏ผ็ตตๆๅญใชใฉ๏ผ ๆญฃใใใฌใณใใชใณใฐใใใพใใ
-->
<meta charset="utf-8">
<!-- Set the document's title -->
<!-- ใใญใฅใกใณใใฎใฟใคใใซใ่จญๅฎ -->
<title>Page Title</title>
<!-- Set the base URL for all relative URLs within the document -->
<!-- ใใญใฅใกใณใๅ
ใฎใในใฆใฎ็ธๅฏพURLใฎใใผในURLใ่จญๅฎใใพใ
่จณๆณจ:
https://developer.mozilla.org/ja/docs/Web/HTML/Element/base
-->
<base href="https://example.com/page.html">
<!-- Link to an external CSS file -->
<!-- ๅค้จCSSใใกใคใซใธใฎใชใณใฏ -->
<link rel="stylesheet" href="styles.css">
<!-- Used for adding in-document CSS -->
<!-- ใใญใฅใกใณใๅ
ใฎCSSใ่ฟฝๅ ใใใใใซไฝฟ็จใใใพใ -->
<style>
/* ... */
</style>
<!-- JavaScript & No-JavaScript tags -->
<!-- JavaScriptใใใณJavaScriptใชใใฎใฟใฐ -->
<script src="script.js"></script>
<script>
// function(s) go here
</script>
<noscript>
<!-- No JS alternative -->
</noscript><!--
The following 2 meta tags *must* come first in the <head>
to consistently ensure proper document rendering.
Any other head element should come *after* these tags.
ใๆฌกใฎ2ใคใฎใกใฟใฟใฐใฏใ<head>ใฎๆๅใซ*ใใๅฟ
่ฆใใใใพใ* ้ฉๅใชใใญใฅใกใณใใฎใฌใณใใชใณใฐใไธ่ฒซใใฆไฟ่จผใใใใไปใฎใใใ่ฆ็ด ใฏใใใใใฎใฟใฐใฎใๅพใซใๆฅใๅฟ
่ฆใใใใพใ
-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
Allows control over where resources are loaded from.
Place as early in the <head> as possible, as the tag
only applies to resources that are declared after it.
ใชใฝใผในใฎใญใผใๅ
ใๅถๅพกใงใใพใใ<head>ใฎใงใใใ ใๆฉใไฝ็ฝฎใซใฟใฐใจใใฆ้
็ฝฎใใพใใใใฎๅพใซๅฎฃ่จใใใใชใฝใผในใซใฎใฟ้ฉ็จใใใพใใ
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<!-- Name of web application (only should be used if the website is used as an app) -->
<!-- Webใขใใชใฑใผใทใงใณใฎๅๅ๏ผWebใตใคใใใขใใชใจใใฆไฝฟ็จใใใฆใใๅ ดๅใซใฎใฟไฝฟ็จใใใพใ๏ผ -->
<meta name="application-name" content="Application Name">
<!-- Theme Color for Chrome, Firefox OS and Opera -->
<!-- ChromeใFirefox OSใOperaใฎใใผใใฎ่ฒ -->
<meta name="theme-color" content="#4285f4">
<!-- Short description of the document (limit to 150 characters) -->
<!-- This content *may* be used as a part of search engine results. -->
<!-- ใใญใฅใกใณใใฎ็ญใ่ชฌๆ๏ผ150ๆๅญใพใง๏ผ ใใฎใณใณใใณใใฏใๆค็ดขใจใณใธใณใฎ็ตๆใฎไธ้จใจใใฆไฝฟ็จใใใๅฏ่ฝๆงใใใใพใใ -->
<meta name="description" content="A description of the page">
<!-- Control the behavior of search engine crawling and indexing -->
<!-- ๆค็ดขใจใณใธใณใฎใฏใญใผใซใจใคใณใใใฏในไฝๆใฎๅไฝใๅถๅพกใใ -->
<meta name="robots" content="index,follow"><!-- All Search Engines -->
<meta name="googlebot" content="index,follow"><!-- Google Specific -->
<!-- Tells Google not to show the sitelinks search box -->
<!-- ใตใคใใชใณใฏๆค็ดขใใใฏในใ่กจ็คบใใชใใใใซGoogleใซๆ็คบใใพใ -->
<meta name="google" content="nositelinkssearchbox">
<!-- Tells Google not to provide a translation for this document -->
<!-- ใใฎใใญใฅใกใณใใฎ็ฟป่จณใๆไพใใชใใใใซGoogleใซๆ็คบใใพใ -->
<meta name="google" content="notranslate">
<!-- Verify website ownership -->
<!-- ใฆใงใใตใคใใฎๆๆๆจฉใ็ขบ่ชใใ -->
<meta name="google-site-verification" content="verification_token"><!-- Google Search Console -->
<meta name="yandex-verification" content="verification_token"><!-- Yandex Webmasters -->
<meta name="msvalidate.01" content="verification_token"><!-- Bing Webmaster Center -->
<meta name="alexaVerifyID" content="verification_token"><!-- Alexa Console -->
<meta name="p:domain_verify" content="code_from_pinterest"><!-- Pinterest Console-->
<meta name="norton-safeweb-site-verification" content="norton_code"><!-- Norton Safe Web -->
<!-- Identify the software used to build the document (i.e. - WordPress, Dreamweaver) -->
<!-- ใใญใฅใกใณใใฎไฝๆใซไฝฟ็จใใใฝใใใฆใงใขใ็นๅฎใใพใ (i.e. - WordPress, Dreamweaver) -->
<meta name="generator" content="program">
<!-- Short description of your document's subject -->
<!--
ใใญใฅใกใณใใฎไปถๅใฎ็ญใ่ชฌๆ
่จณๆณจ: ่ฆๅบๅ
ธ
-->
<meta name="subject" content="your document's subject">
<!-- Gives a general age rating based on the document's content -->
<!-- ใใญใฅใกใณใใฎใณใณใใณใใฎไธ่ฌ็ใชๅนด้ฝข่ฉไพกใ็คบใ -->
<meta name="rating" content="General">
<!-- Allows control over how referrer information is passed -->
<!-- ใชใใกใฉใผๆ
ๅ ฑใฎๅใๆธกใๆนๆณใๅถๅพกใงใใพใ -->
<meta name="referrer" content="no-referrer">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<!-- ๅฉ็จๅฏ่ฝใช้ป่ฉฑ็ชๅทใฎ่ชๅๆคๅบใจใใฉใผใใใใ็กๅนใซใใ -->
<meta name="format-detection" content="telephone=no">
<!-- Completely opt out of DNS prefetching by setting to "off" -->
<!-- "off"ใซใใใใจใงใDNSใใชใใงใใใๅฎๅ
จใซใชใใใขใฆใใใพใใ -->
<meta http-equiv="x-dns-prefetch-control" content="off">
<!-- Specifies the document to appear in a specific frame -->
<!--
็นๅฎใฎใใฌใผใ ใซ่กจ็คบใใใใญใฅใกใณใใๆๅฎใใพใ
่จณๆณจ : ไฝฟ็จใใใฆใใชใ? baseใฟใฐใฎtargetๅฑๆงใไฝฟ็จใใใใจใๆจๅฅจใใใฆใใ?
-->
<meta http-equiv="Window-Target" content="_value">
<!-- Geo tags -->
<!--
ไฝ็ฝฎๆ
ๅ ฑใฟใฐ
่จณๆณจ : Google ใฏใคใณใใใฏในๆใซๅฉ็จใใฆใใใใไปฃใใใซlink hreflangๅฑๆงใไฝฟ็จใใใใจใๆจๅฅจใใฆใใ
https://blog.seoprofiler.com/googles-geo-meta-tags-web-pages/
-->
<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
<meta name="geo.region" content="country[-state]"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" -->
<meta name="geo.placename" content="city/town"><!-- eg. content="New York City" -->- ๐ Meta tags that Google understands
- ๐ WHATWG Wiki: MetaExtensions
- ๐ ICBM on Wikipedia
- ๐ Geotagging on Wikipedia
<!-- Points to an external stylesheet -->
<!-- ๅค้จในใฟใคใซใทใผใใๆๅฎใใ -->
<link rel="stylesheet" href="https://example.com/styles.css">
<!-- Helps prevent duplicate content issues -->
<!-- ใณใณใใณใใฎ้่คๅ้กใ้ฒๆญขใใใฎใซๅฝน็ซใกใพใ -->
<link rel="canonical" href="https://example.com/article/?page=2">
<!-- Links to an AMP HTML version of the current document -->
<!-- ็พๅจใฎใใญใฅใกใณใใฎAMP HTMLใใผใธใงใณใธใฎใชใณใฏ -->
<link rel="amphtml" href="https://example.com/path/to/amp-version.html">
<!-- Links to a JSON file that specifies "installation" credentials for the web applications -->
<!-- Webใขใใชใฑใผใทใงใณใฎใใคใณในใใผใซใ่ณๆ ผๆ
ๅ ฑใๆๅฎใใJSONใใกใคใซใธใฎใชใณใฏ -->
<link rel="manifest" href="manifest.json">
<!-- Links to information about the author(s) of the document -->
<!-- ใใญใฅใกใณใใฎไฝๆ่
ใซ้ขใใๆ
ๅ ฑใธใฎใชใณใฏ -->
<link rel="author" href="humans.txt">
<!-- Refers to a copyright statement that applies to the link's context -->
<!-- ใชใณใฏใฎใณใณใใญในใใซ้ฉ็จใใใ่ไฝๆจฉในใใผใใกใณใใๅ็
งใใพใ -->
<link rel="license" href="copyright.html">
<!-- Gives a reference to a location in your document that may be in another language -->
<!-- ๅฅใฎ่จ่ชใฎใใญใฅใกใณใๅ
ใฎๅ ดๆใธใฎๅ็
งใๆไพใใพใ -->
<link rel="alternate" href="https://es.example.com/" hreflang="es">
<!-- Provides information about an author or another person -->
<!-- ่่
ใพใใฏไปใฎไบบใซ้ขใใๆ
ๅ ฑใๆไพใใพใ -->
<link rel="me" href="https://google.com/profiles/thenextweb" type="text/html">
<link rel="me" href="mailto:name@example.com">
<link rel="me" href="sms:+15035550125">
<!-- Links to a document that describes a collection of records, documents, or other materials of historical interest -->
<!-- ่ณๆใฎใณใฌใฏใทใงใณ๏ผๆๆธใๆธ้กใชใฉ๏ผใ่ชฌๆใใใใญใฅใกใณใใธใฎใชใณใฏ
่จณๆณจ: HTML 5.1 ไปฅ้้ๆจๅฅจ
ๅ็
งใชใณใฏ:
https://developer.mozilla.org/ja/docs/Web/HTML/Link_types
https://html.spec.whatwg.org/multipage/links.html#linkTypes
-->
<link rel="archives" href="https://example.com/archives/">
<!-- Links to top level resource in an hierarchical structure -->
<!-- ้ๅฑคๆง้ ใฎๆไธไฝใชใฝใผในใธใฎใชใณใฏ
่จณๆณจ: HTML 5 ไปฅ้้ๆจๅฅจ
-->
<link rel="index" href="https://example.com/article/">
<!-- Provides a self reference - useful when the document has multiple possible references -->
<!-- ่ชๅทฑๅ็
งใๆไพใใพใ-ใใญใฅใกใณใใซ่คๆฐใฎๅฏ่ฝใชๅ็
งใใใๅ ดๅใซๅฝน็ซใกใพใ
่จณๆณจ: W3Cๆชๅฎ็พฉใatom็จ๏ผ
-->
<link rel="self" type="application/atom+xml" href="https://example.com/atom.xml">
<!-- The first, last, previous, and next documents in a series of documents, respectively -->
<!-- ไธ้ฃใฎใใญใฅใกใณใใฎๆๅใๆๅพใๅใๆฌกใฎใใญใฅใกใณใ
่จณๆณจ: first, last ้ๆจๅฅจ
-->
<link rel="first" href="https://example.com/article/">
<link rel="last" href="https://example.com/article/?page=42">
<link rel="prev" href="https://example.com/article/?page=1">
<link rel="next" href="https://example.com/article/?page=3">
<!-- Used when a 3rd party service is utilized to maintain a blog -->
<!-- ใตใผใใใผใใฃใฎใตใผใในใๅฉ็จใใฆใใญใฐใ็ฎก็ใใๅ ดๅใซไฝฟ็จใใใพใ
่จณๆณจ: W3Cๆชๅฎ็พฉ
-->
<link rel="EditURI" href="https://example.com/xmlrpc.php?rsd" type="application/rsd+xml" title="RSD">
<!-- Forms an automated comment when another WordPress blog links to your WordPress blog or post -->
<!-- ๅฅใฎWordPressใใญใฐใWordPressใใญใฐใพใใฏๆ็จฟใซใชใณใฏใใใจใใซ่ชๅใณใกใณใใๅฝขๆใใพใ
่จณๆณจ: W3Cๆชๅฎ็พฉ
-->
<link rel="pingback" href="https://example.com/xmlrpc.php">
<!-- Notifies a URL when you link to it on your document -->
<!-- ใใญใฅใกใณใใซใชใณใฏใใใจใใซURLใซ้็ฅใใพใ
่จณๆณจ: W3Cๆชๅฎ็พฉ
-->
<link rel="webmention" href="https://example.com/webmention">
<!-- Enables posting to your own domain using a Micropub client -->
<!-- Micropubใฏใฉใคใขใณใใไฝฟ็จใใฆ่ชๅใฎใใกใคใณใซๆ็จฟใงใใใใใซใใพใ
่จณๆณจ: W3Cๆชๅฎ็พฉ
-->
<link rel="micropub" href="https://example.com/micropub">
<!-- Open Search -->
<!-- ๆค็ดขใ้ใ -->
<link rel="search" href="/open-search.xml" type="application/opensearchdescription+xml" title="Search Title">
<!-- Feeds -->
<link rel="alternate" href="https://feeds.feedburner.com/example" type="application/rss+xml" title="RSS">
<link rel="alternate" href="https://example.com/feed.atom" type="application/atom+xml" title="Atom 0.3">
<!-- Prefetching, preloading, prebrowsing -->
<!-- More info: https://css-tricks.com/prefetching-preloading-prebrowsing/ -->
<link rel="dns-prefetch" href="//example.com/">
<link rel="preconnect" href="https://www.example.com/">
<link rel="prefetch" href="https://www.example.com/">
<link rel="prerender" href="https://example.com/">
<link rel="preload" href="image.png" as="image">- ๐ Link Relations
<!-- For IE 10 and below -->
<!-- Place favicon.ico in the root directory - no tag necessary -->
<!-- Icon in the highest resolution we need it for -->
<link rel="icon" sizes="192x192" href="/path/to/icon.png">
<!-- Apple Touch Icon (reuse 192px icon.png) -->
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
<!-- Safari Pinned Tab Icon -->
<link rel="mask-icon" href="/path/to/icon.svg" color="blue">- ๐ All About Favicons (And Touch Icons)
- ๐ Creating Pinned Tab Icons
- ๐ Favicon Cheat Sheet
- ๐ Icons & Browser Colors
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
<meta property="fb:app_id" content="123456789">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:alt" content="A description of what is in the image (not a caption)">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="">- ๐ Open Graph protocol
- ๐ Test your page with the Facebook Sharing Debugger
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
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:image:alt" content="A text description of the image conveying the essential nature of an image to users who are visually impaired. Maximum 420 characters.">- ๐ Getting started with cards โ Twitter Developers
- ๐ Test your page with the Twitter Card Validator
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.
<!-- disallow Twitter from using your site's info for personalization purposes -->
<meta name="twitter:dnt" content="on"><html lang="" itemscope itemtype="https://schema.org/Article">
<head>
<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 itemscope and itemtype attributes to be added to the <html> tag.
- ๐ Test your page with the Structured Data Testing Tool
Pinterest lets you prevent people from saving things from your website, according to their help center. The description is optional.
<meta name="pinterest" content="nopin" description="Sorry, you can't save from my website!"><meta charset="utf-8">
<meta property="op:markup_version" content="v1.0">
<!-- The URL of the web version of your article -->
<link rel="canonical" href="https://example.com/article.html">
<!-- The style to be used for this article -->
<meta property="fb:article_style" content="myarticlestyle"><link rel="alternate" type="application/json+oembed"
href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=json"
title="oEmbed Profile: JSON">
<link rel="alternate" type="text/xml+oembed"
href="https://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=xml"
title="oEmbed Profile: XML">- ๐ oEmbed format
Users share web pages to qq wechat will have a formatted message
<meta itemprop="name" content="share title">
<meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png">
<meta name="description" itemprop="description" content="share content">- ๐ Code Format Docs
<!-- Smart App Banner -->
<meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=no">
<!-- Launch Icon (180x180px or larger) -->
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
<!-- Launch Screen Image -->
<link rel="apple-touch-startup-image" href="/path/to/launch.png">
<!-- Launch Icon Title -->
<meta name="apple-mobile-web-app-title" content="App Title">
<!-- Enable standalone (full-screen) mode -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Status bar appearance (has no effect unless standalone mode is enabled) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- iOS app deep linking -->
<meta name="apple-itunes-app" content="app-id=APP-ID, app-argument=http/url-sample.com">
<link rel="alternate" href="ios-app://APP-ID/http/url-sample.com"><meta name="theme-color" content="#E64545">
<!-- Add to home screen -->
<meta name="mobile-web-app-capable" content="yes">
<!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
<!-- Android app deep linking -->
<meta name="google-play-app" content="app-id=package-name">
<link rel="alternate" href="android-app://package-name/http/url-sample.com"><link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
<!-- Disable translation prompt -->
<meta name="google" content="notranslate"><!-- Force IE 8/9/10 to use its latest rendering engine -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Disable automatic detection and formatting of possible phone numbers by Skype Toolbar browser extension -->
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
<!-- Windows Tiles -->
<meta name="msapplication-config" content="/browserconfig.xml">Minimum required xml markup for browserconfig.xml:
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="small.png"/>
<square150x150logo src="medium.png"/>
<wide310x150logo src="wide.png"/>
<square310x310logo src="large.png"/>
</tile>
</msapplication>
</browserconfig><!-- Select rendering engine order -->
<meta name="renderer" content="webkit|ie-comp|ie-stand"><!-- Locks the screen into the specified orientation -->
<meta name="x5-orientation" content="landscape/portrait">
<!-- Display this document in fullscreen -->
<meta name="x5-fullscreen" content="true">
<!-- Document will be displayed in "application mode" (fullscreen, etc.) -->
<meta name="x5-page-mode" content="app"><!-- Locks the screen into the specified orientation -->
<meta name="screen-orientation" content="landscape/portrait">
<!-- Display this document in fullscreen -->
<meta name="full-screen" content="yes">
<!-- UC browser will display images even if in "text mode" -->
<meta name="imagemode" content="force">
<!-- Document will be displayed in "application mode"(fullscreen, forbidding gesture, etc.) -->
<meta name="browsermode" content="application">
<!-- Disabled the UC browser's "night mode" for this document -->
<meta name="nightmode" content="disable">
<!-- Simplify the document to reduce data transfer -->
<meta name="layoutmode" content="fitscreen">
<!-- Disable the UC browser's feature of "scaling font up when there are many words in this document" -->
<meta name="wap-font-scale" content="no">- ๐ UC Browser Docs
<!-- iOS -->
<meta property="al:ios:url" content="applinks://docs">
<meta property="al:ios:app_store_id" content="12345">
<meta property="al:ios:app_name" content="App Links">
<!-- Android -->
<meta property="al:android:url" content="applinks://docs">
<meta property="al:android:app_name" content="App Links">
<meta property="al:android:package" content="org.applinks">
<!-- Web fall back -->
<meta property="al:web:url" content="https://applinks.org/documentation">- ๐ App Links
- Atom HTML Head Snippets - Atom package for
HEADsnippets - Sublime Text HTML Head Snippets - Sublime Text package for
HEADsnippets - head-it - CLI interface for
HEADsnippets - vue-head - Manipulating the meta information of the
HEADtag for Vue.js
- ๐ PDF
- ๐ฎ๐ฉ Bahasa
- ๐ง๐ท Brazilian Portuguese
- ๐จ๐ณ Chinese (Simplified)
- ๐ฉ๐ช German
- ๐ฎ๐น Italian
- ๐ฏ๐ต Japanese
- ๐ฐ๐ท Korean
- ๐ท๐บ Russian/ะ ัััะบะธะน
- ๐ช๐ธ Spanish
- ๐น๐ท Turkish/Tรผrkรงe
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.md file 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:
- 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
This branch is responsible for the htmlhead.dev 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.
Check out all the super awesome contributors.
Josh Buchea
- Twitter: @joshbuchea
- Github: @joshbuchea
Please โญ๏ธ this repository if this project helped you!
