ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

html-meta: update formatting

This commit is contained in:
Rico Sta. Cruz 2017-08-29 04:53:48 +08:00
parent 5f99488499
commit df60f986c6
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
1 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
html-meta.md
View File

@ -13,29 +13,32 @@ updated: 201708
```html ```html
<!-- title --> <!-- title -->
<title>...</title> <title>···</title>
<meta property='og:title' content='...'> <meta property='og:title' content='···'>
<meta name='twitter:title' content='...'> <meta name='twitter:title' content='···'>
``` ```
{: data-line="2"}
```html ```html
<!-- url --> <!-- url -->
<meta property='og:url' content='http://...'> <link rel='canonical' href='http://···'>
<meta name='twitter:url' content='http://...'> <meta property='og:url' content='http://···'>
<link rel='canonical' href='http://...'> <meta name='twitter:url' content='http://···'>
``` ```
{: data-line="2"}
```html ```html
<!-- desc --> <!-- description -->
<meta name='description' content='...'> <meta name='description' content='···'>
<meta property='og:description' content='...'> <meta property='og:description' content='···'>
<meta name='twitter:description' content='...'> <meta name='twitter:description' content='···'>
``` ```
{: data-line="2"}
```html ```html
<!-- image --> <!-- image -->
<meta property="og:image" content="http://..."> <meta property="og:image" content="http://···">
<meta name="twitter:image" content="http://..."> <meta name="twitter:image" content="http://···">
``` ```
```html ```html
@ -52,20 +55,23 @@ updated: 201708
### More opengraph ### More opengraph
```html ```html
<meta property="og:site_name" content="..."> <meta property='og:site_name' content='···'>
<meta property="og:type" content="website"> <meta property='og:type' content='website'>
``` ```
```html ```html
<meta property="fb:app_id" content="..."> <meta property='fb:app_id' content='···'>
<meta property="fb:admins" content="UID1,UID2"> <!-- unless there's app_id --> <meta property='fb:admins' content='UID1,UID2'>
<!-- ···unless there's app_id -->
``` ```
```html ```html
<meta property="og:audio" content="http://.../theme.mp3"> <meta property='og:audio' content='http://···/theme.mp3'>
<meta property="og:video" content="http://.../trailer.swf"> <meta property='og:video' content='http://···/trailer.swf'>
``` ```
See: [OpenGraph protocol](https://developers.facebook.com/docs/opengraphprotocol/) _(developers.facebook.com)_
### Opengraph for articles ### Opengraph for articles
- `article:published_time` - `article:published_time`
@ -88,21 +94,29 @@ updated: 201708
```html ```html
<meta name='mobile-web-app-capable' content='yes'> <meta name='mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-capable' content='yes'> <meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-status-bar-style' content='black'> <!-- black | black-translucent | default -->
``` ```
### [Theme color](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android) ```html
<meta name='apple-mobile-web-app-status-bar-style' content='black'>
<!-- black | black-translucent | default -->
```
### Theme color
```html ```html
<meta name='theme-color' content='#ff00ff'> <meta name='theme-color' content='#ff00ff'>
``` ```
Android-only.
See: [Theme color](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
### Manifest ### Manifest
```html ```html
<link rel='manifest' href='/manifest.json'> <link rel='manifest' href='/manifest.json'>
``` ```
Android-only.
See: [Manifest](https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/) See: [Manifest](https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/)
### Icons ### Icons