Skip to content

Instantly share code, notes, and snippets.

@floatflower
Created December 7, 2017 05:54
Show Gist options
  • Save floatflower/2117909710d638300c1179518824c8a8 to your computer and use it in GitHub Desktop.
Save floatflower/2117909710d638300c1179518824c8a8 to your computer and use it in GitHub Desktop.
Useful HTML head
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Noto+Sans|Noto+Serif|Source+Code+Pro');
/*
font-family: 'Source Code Pro', monospace;
font-family: 'Noto Sans', sans-serif;
font-family: 'Noto Serif', serif;
font-family: 'Crimson Text', serif;
*/
<html xmlns:og='http://ogp.me/ns#'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text|Noto+Sans|Noto+Serif|Source+Code+Pro" rel="stylesheet">
<link href="https://necolas.github.io/normalize.css/7.0.0/normalize.css" rel="stylesheet">
<meta name='viewport' content='width=device-width; content='width = 320; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes; target-densitydpi=160dpi'>
<!-- basic meta data -->
<title></title>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta http-equiv="content-language" content="zh-tw">
<meta name='author' content='name, email@hotmail.com'>
<meta name='reply-to' content='email@hotmail.com'>
<meta name='owner' content=''>
<meta name='url' content='http://www.websiteaddrress.com'>
<meta name='subtitle' content='This is my subtitle'>
<meta name='date' content='Sep. 27, 2010'>
<!-- link rel -->
<link rel='self' type='application/atom+xml' href='post_url'>
<link rel='first' href='first_post_url'>
<link rel='next' href='next_post_url'>
<link rel='previous' href='previous_post_url'>
<link rel='last' href='last_post_url'>
<!-- Facebook OpenGraph tags -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="fb:admins" content="Facebook numeric ID" />
<!-- For Google plus -->
<meta itemprop="name" content="webiste name or page title">
<meta itemprop="image" content="thumbnail image url">
<meta itemprop="description" content="page description">
</head>
<body></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment