From 7bf084f00c7dd42ed1c2f3880ddbb7e024f54fee Mon Sep 17 00:00:00 2001 From: Josh Buchea Date: Sat, 28 Oct 2017 17:06:04 -0700 Subject: [PATCH] Sync README --- README.md | 177 +++++++++++++++++++++++++----------------------------- 1 file changed, 82 insertions(+), 95 deletions(-) diff --git a/README.md b/README.md index 7efb5eb..18a4b0e 100644 --- a/README.md +++ b/README.md @@ -11,12 +11,12 @@ A list of everything that \*could\* go in the `` of your document - [Elements](#elements) - [Meta](#meta) - [Link](#link) - - [Favicons](#favicons) +- [Favicons](#favicons) - [Social](#social) - [Facebook Open Graph](#facebook-open-graph) - - [Facebook Instant Articles](#facebook-instant-articles) - - [Twitter Cards](#twitter-cards) + - [Twitter Card](#twitter-card) - [Google+ / Schema.org](#google--schemaorg) + - [Facebook Instant Articles](#facebook-instant-articles) - [OEmbed](#oembed) - [Browsers / Platforms](#browsers--platforms) - [Apple iOS](#apple-ios) @@ -36,7 +36,7 @@ A list of everything that \*could\* go in the `` of your document - [Other Formats](#other-formats) - [Translations](#translations) - [Contributing](#contributing) -- [Contributors](#contributors) + - [Contributors](#contributors) - [Author](#author) - [License](#license) @@ -56,12 +56,17 @@ Below are the essential tags for basic, minimalist websites: ## Elements +Valid `` elements include `meta`, `link`, `title`, `style`, `script`, `noscript`, and `base`. + ``` html + + + Page Title - + @@ -108,23 +113,13 @@ Below are the essential tags for basic, minimalist websites: - - - - - - - - - - - - - - - - - + + + + + + + @@ -168,16 +163,16 @@ Below are the essential tags for basic, minimalist websites: ``` html - + - + - + - + @@ -197,31 +192,31 @@ Below are the essential tags for basic, minimalist websites: - + - + - + - - - - + + + + - + - + - + - + @@ -231,20 +226,20 @@ Below are the essential tags for basic, minimalist websites: - + - + ``` **[⬆ back to top](#table-of-contents)** -### Favicons +## Favicons ``` html @@ -259,16 +254,18 @@ Below are the essential tags for basic, minimalist websites: - [All About Favicons (And Touch Icons)](https://bitsofco.de/all-about-favicons-and-touch-icons/) - [Favicon Cheat Sheet](https://github.com/audreyr/favicon-cheat-sheet) +**[⬆ back to top](#table-of-contents)** + ## Social ### Facebook Open Graph ``` html - + - + @@ -278,6 +275,34 @@ Below are the essential tags for basic, minimalist websites: - [Facebook Open Graph Markup](https://developers.facebook.com/docs/sharing/webmasters#markup) - [Open Graph protocol](http://ogp.me/) +### Twitter Card + +``` html + + + + + + + +``` + +- [Getting started with cards — Twitter Developers](https://dev.twitter.com/cards/getting-started) +- [Twitter Card Validator](https://cards-dev.twitter.com/validator) + +### Google+ / Schema.org + +``` html + + + + +``` + +### Pinterest + +Pinterest lets you prevent people from saving things from your website, according [to their help center](https://help.pinterest.com/en/articles/prevent-people-saving-things-pinterest-your-site). The `description` is optional. + ### Facebook Instant Articles ``` html @@ -291,36 +316,8 @@ Below are the essential tags for basic, minimalist websites: ``` -- [Facebook Instant Articles: Creating Articles](https://developers.facebook.com/docs/instant-articles/guides/articlecreate) -- [Instant Articles: Format Reference](https://developers.facebook.com/docs/instant-articles/reference) - -### Twitter Cards - -``` html - - - - - - - -``` - -- [Twitter Cards: Getting Started Guide](https://dev.twitter.com/cards/getting-started) -- [Twitter Card Validator](https://cards-dev.twitter.com/validator) - -### Google+ / Schema.org - -``` html - - - - -``` - -### Pinterest - -Pinterest lets you prevent people from saving things from your website, according [to their help center](https://help.pinterest.com/en/articles/prevent-people-saving-things-pinterest-your-site). The `description` is optional. +- [Creating Articles - Instant Articles](https://developers.facebook.com/docs/instant-articles/guides/articlecreate) +- [Code Samples - Instant Articles](https://developers.facebook.com/docs/instant-articles/reference) ``` html @@ -360,8 +357,6 @@ Pinterest lets you prevent people from saving things from your website, accordin - - @@ -416,7 +411,7 @@ Since Chrome 31, you can set up your web app to "app mode" like Safari. - + ``` - [Google Developer](https://developer.chrome.com/multidevice/android/installtohomescreen) @@ -474,7 +469,7 @@ Since Chrome 31, you can set up your web app to "app mode" like Safari. ### 360 Browser ``` html - + ``` @@ -485,7 +480,7 @@ Since Chrome 31, you can set up your web app to "app mode" like Safari. - + ``` @@ -498,7 +493,7 @@ Since Chrome 31, you can set up your web app to "app mode" like Safari. - + @@ -549,13 +544,13 @@ Example: ## Translations -- [Brazilian Portuguese](https://github.com/Webschool-io/HEAD) -- [Chinese (Simplified)](https://github.com/Amery2010/HEAD) -- [Italian](https://github.com/Fakkio/HEAD) -- [Japanese](http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html) -- [Russian/Русский](https://github.com/Konfuze/HEAD) -- [Turkish/Türkçe](https://github.com/mkg0/HEAD) -- [Korean](https://github.com/Lutece/HEAD) +- 🇧🇷 [Brazilian Portuguese](https://github.com/Webschool-io/HEAD) +- 🇨🇳 [Chinese (Simplified)](https://github.com/Amery2010/HEAD) +- 🇮🇹 [Italian](https://github.com/Fakkio/HEAD) +- 🇯🇵 [Japanese](http://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) +- 🇹🇷 [Turkish/Türkçe](https://github.com/mkg0/HEAD) **[⬆ back to top](#table-of-contents)** @@ -569,7 +564,7 @@ The **HEAD** repository consists of two branches: #### 1. `master` -This branch consists of the `README.md` file that is automatically reflected on the [\ Cheat Sheet](http://gethead.info/) website. All changes to the content of the cheat sheet as such should be directed to this file. +This branch consists of the `README.md` file that is automatically reflected on the [gethead.info](http://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: @@ -582,26 +577,18 @@ Please follow these steps for pull requests: This branch is responsible for the [gethead.info](http://gethead.info/) website. We use [Jekyll](https://jekyllrb.com/) to deploy the `README.md` Markdown file through [GitHub Pages](https://pages.github.com/). All website related modifications must be directed here. -You might want to go through the [Jekyll Docs](https://jekyllrb.com/docs/home/) and understand how Jekyll works before working on this branch. - -**[⬆ back to top](#table-of-contents)** +You may want to go through the [Jekyll Docs](https://jekyllrb.com/docs/home/) and understand how Jekyll works before working on this branch. ### Contributors Check out all the super awesome [contributors](https://github.com/joshbuchea/HEAD/graphs/contributors). -**[⬆ back to top](#table-of-contents)** - ## Author **[Josh Buchea](http://joshbuchea.com/)** -**[⬆ back to top](#table-of-contents)** - ## License [![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/) -To the extent possible under law, [Josh Buchea](http://joshbuchea.com) has waived all copyright and related or neighboring rights to this work. - **[⬆ back to top](#table-of-contents)**