Skip to content

Instantly share code, notes, and snippets.

@kmrtylmz

kmrtylmz/html-head-boilerplate.html

Forked from nunosans/html-head-boilerplate.html
Created September 19, 2022 14:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kmrtylmz/7b7c028aead5072725d78b0aa7c61c0a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kmrtylmz/7b7c028aead5072725d78b0aa7c61c0a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @nunosans nunosans revised this gist Dec 19, 2016. 1 changed file with 101 additions and 87 deletions.
    188 changes: 101 additions & 87 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,57 +1,28 @@
    <!DOCTYPE html>
    <html manifest="index.appcache"> <!-- HTML5 offline storage -->
    <!doctype html>
    <html>
    <head>
    <title>Title</title>
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">
    <!-- Authoring Meta Tags -->
    <meta name="author" content="Author Name">
    <meta name="publisher" content="Publisher Name">
    <meta name="copyright" content="Copyright Owner">
    <meta name="host" content="example.com">
    <meta name="generator" content="Text Editor Name">
    <!-- Geo Positioning Meta Tags -->
    <!-- Priority tags. These must come first. -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer (Recommended). -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <!-- Document Title -->
    <title>Page Title</title>
    <!-- Allows control over where resources are loaded from. Place as early in the document as possible, only applies to content below this tag. -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
    <!-- Base URL to use for all relative URLs contained within the document -->
    <base href="https://example.com/">
    <!-- Geo Positioning Meta Tags. -->
    <meta name="geo.position" content="50.97590;0.01722">
    <meta name="geo.region" content="GB">
    <meta name="geo.placename" content="London, United Kingdom">
    <meta name="ICBM" content="50.9759, 0.0172">
    <meta name="DC.title" content="Location Name">
    <!-- Search Eengine Meta Tags -->
    <meta name="description" content="Site description">
    <meta name="keywords" content="site, keywords">
    <meta name="revisit-after" content="10 days">
    <!-- Search engine robots Meta Tags
    Name Attributes:
    googlebot = Google bots only
    msnbot = MSN bots only
    slurp = Yahoo! bots only
    teoma = ASK bots only
    robots = All bots
    Content Attributes:
    index = Include this page in the index
    noindex = Prevents the page from being included in the index
    follow = Follow links on the page
    nofollow = Prevents Google robots from following any links on the page
    none = Equivalent to "nofollow, noindex" (Apply to test sites)
    noodp = Blocks the Open Directory Project (dmoz.org) description of the page
    noydir = Same as above but for Yahoo!
    noarchive = Prevents a cached copy of this page from being available in the search results (Apply to test sites)
    nosnippet = Prevents a description from appearing below the page in the search results, as well as prevents caching of the page
    -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">
    <!-- Browser Compability Meta Tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer -->
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->
    <!-- Search Eengine and Browser Meta Tags. -->
    <meta name="description" content=""> <!-- Keep under 500 characters -->
    <meta name="abstract" content=""> <!-- Keep uder 100 characters -->
    <meta name="rating" content=""> <!-- General, 14 Years, Mature or Restricted -->
    <!-- Search engine robots Meta Tags. -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive"> <!-- Disable from all search engines.-->
    <!-- Open Graph Meta Tags (ogp.me) -->
    <meta property="og:image" content="http://example.com/image.jpg"> <!-- Web page thumbnail -->
    <meta property="og:image" content="http://example.com/image2.jpg"> <!-- Web page thumbnail (can be multiple) -->
    @@ -83,63 +54,105 @@
    <meta property="og:audio:type" content="application/mp3"> <!-- Audio file format type -->
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <!-- Facebook Meta Tags. -->
    <meta property="fb:app_id" content="123456789">
    <!-- Twitter Meta Tags. -->
    <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">
    <!-- Pinterest. -->
    <meta name="pinterest" content="nopin" description="Sorry, you can't save from my website!"> <!-- Prevents sharing of content by Pinterest users. -->
    <!-- News Feed Meta Tags. -->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="//feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="//example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="//example.com/rss.xml">
    <!-- Favicon Meta Tags (use both) -->
    <link rel="icon" href="http://example.com/favicon.ico">
    <link rel="shortcut icon" href="http://example.com/favicon.ico">
    <!-- Apple iOS Icons (Add "-precomposed" to the file name to prevent iOS icon effects) -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-320x460.png" media="screen and (max-device-width: 320px)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-640x920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-748x1024.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-1496x2048.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)">
    <!-- Apple iOS Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    height = [points, "device-height"] Specify the viewport height, "device-height" will adjust with rotation.
    user-scalable = [yes, no] Pinch-to-zoom scaling
    initial-scale = [1.0] Specify an initial scale value, 1.0 = 100% Zoom
    minimum-scale = [0.5] Specify a minimum scale value, 0.5 = 50% Zoom
    maximum-scale = [2.0] Specify a maximum scale value, 2.0 = 200% Zoom
    -->
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components ["yes", "no"] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <!-- Windows 8 Meta Tags -->
    <meta name="msapplication-TileImage" content="http://example.com/graphics/windows-8-tile.png"> <!-- Tile image (144px by 144px) -->
    <meta name="msapplication-TileColor" content="#d83434"> <!-- Tile background color -->
    <!-- Stylesheets -->
    <!-- Favicon Meta Tags. -->
    <link rel="icon" href="/graphics/favicon.ico">
    <link rel="icon" href="/graphics/favicon-16.png" sizes="16x16" type="image/png">
    <link rel="icon" href="/graphics/favicon-32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/graphics/favicon-48.png" sizes="48x48" type="image/png">
    <link rel="icon" href="/graphics/favicon-62.png" sizes="62x62" type="image/png">
    <link rel="icon" href="/graphics/favicon-128.png" sizes="128x128" type="image/png">
    <link rel="icon" href="/graphics/favicon-192.png" sizes="192x192" type="image/png">
    <!-- Web App Settings. -->
    <meta name="application-name" content="Application Name">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Apple iOS Settings. -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="App Title">
    <meta name="apple-itunes-app" content="app-id=APP_ID, affiliate-data=AFFILIATE_ID, app-argument=http/url-sample.com"> <!-- App Banner. -->
    <meta name="format-detection" content="telephone=no">
    <link rel="apple-touch-icon" href="/graphics/apple-touch-icon.png">
    <link rel="apple-touch-icon-precomposed" href="/graphics/apple-touch-icon-precomposed.png">
    <link rel="apple-touch-icon" sizes="57x57" href="/graphics/apple-icon-57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/graphics/apple-icon-72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/graphics/apple-icon-114.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/graphics/apple-icon-144.png">
    <link rel="alternate" href="ios-app://APP-ID/http/url-sample.com"> <!-- Apple iOS app deep linking. -->
    <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">
    <!-- Google Android. -->
    <meta name="theme-color" content="#E64545">
    <meta name="google-play-app" content="app-id=package-name">
    <link rel="alternate" href="android-app://package-name/http/url-sample.com"> <!-- Android app deep linking. -->
    <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">
    <!-- Apple Safari Pinned Site. -->
    <link rel="mask-icon" href="path/to/icon.svg" color="red">
    <!-- Google Chrome. -->
    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/APP_ID">
    <meta name="google" value="notranslate">
    <!-- Windows Internet Explorer. -->
    <meta http-equiv="cleartype" content="on">
    <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="application-name" content="Contoso Pinned Site Caption">
    <meta name="msapplication-tooltip" content="Example Tooltip Text">
    <meta name="msapplication-starturl" content="/">
    <meta name="msapplication-allowDomainApiCalls" content="true">
    <meta name="msapplication-allowDomainMetaTags" content="true">
    <meta name="msapplication-badge" content="frequency=30; polling-uri=http://example.com/id45453245/polling.xml">
    <meta name="msapplication-navbutton-color" content="#FF3300">
    <meta name="msapplication-notification" content="frequency=60;polling-uri=http://example.com/livetile">
    <meta name="msapplication-square150x150logo" content="/graphics/ie-logo.png">
    <meta name="msapplication-square310x310logo" content="/graphics/ie-logo-large.png">
    <meta name="msapplication-square70x70logo" content="/graphics/ie-logo-small.png">
    <meta name="msapplication-wide310x150logo" content="/graphics/ie-logo-wide.png">
    <meta name="msapplication-task" content="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico">
    <meta name="msapplication-task-separator" content="1">
    <meta name="msapplication-TileColor" content="#FF3300">
    <meta name="msapplication-TileImage" content="path/to/tileimage.jpg">
    <meta name="msapplication-window" content="width=1024;height=768">
    <!-- External Stylesheets. -->
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <!-- Typekit -->
    <!-- Typekit. -->
    <script src="//use.typekit.com/XXXXXXX.js"></script>
    <!-- Humans -->
    <link rel="author" href="/humans.txt">
    <link rel="copyright" href="/copyright.html">
    <!-- Alternative Languages. -->
    <link rel="alternate" href="https://ja.example.com/" hreflang="ja">
    <!-- HMTL5 Prefetching -->
    <link rel="prefetch" href="//example.com"> <!-- Prefetch the full page -->
    <link rel="prefetch" href="//example.com/sprite.png"> <!-- Prefetch a single asset -->
    </head>
    <body>


    <!-- ... -->


    <!-- Scripts -->
    <!-- External Scripts. -->
    <script src="//code.jquery.com/jquery-1.8.3.min.js"></script> <!-- Specific jQuery version -->
    <script src="//code.jquery.com/jquery-latest.min.js"></script> <!-- Latest jQuery version -->
    <script src="/javascripts/scripts.js"></script>

    <!-- Google Analytics -->
    <!-- Google Analytics. -->
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']);
    @@ -150,5 +163,6 @@
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>

    </body>
    </html>
    </html>
  2. @nunosans nunosans revised this gist Jan 21, 2013. 1 changed file with 21 additions and 15 deletions.
    36 changes: 21 additions & 15 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    <!doctype html>
    <!DOCTYPE html>
    <html manifest="index.appcache"> <!-- HTML5 offline storage -->
    <head>
    <title>Title of this web page</title>
    <title>Title</title>
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">
    @@ -84,9 +84,9 @@
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://example.com/rss.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="//feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="//example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="//example.com/rss.xml">
    <!-- Favicon Meta Tags (use both) -->
    <link rel="icon" href="http://example.com/favicon.ico">
    <link rel="shortcut icon" href="http://example.com/favicon.ico">
    @@ -96,12 +96,12 @@
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-320x460.png" media="screen and (max-device-width: 320px)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-640x920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-748x1024.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-1496x2048.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-320x460.png" media="screen and (max-device-width: 320px)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-640x920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-748x1024.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-1496x2048.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="http://example.com/apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)">
    <!-- Apple iOS Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    @@ -116,21 +116,27 @@
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components ["yes", "no"] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <!-- Windows 8 Meta Tags -->
    <meta name="msapplication-TileImage" content="/graphics/windows-8-tile.png"> <!-- Tile image (144px by 144px) -->
    <meta name="msapplication-TileColor" content="#d83434"> <!-- Tile background color -->
    <meta name="msapplication-TileImage" content="http://example.com/graphics/windows-8-tile.png"> <!-- Tile image (144px by 144px) -->
    <meta name="msapplication-TileColor" content="#d83434"> <!-- Tile background color -->
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <!-- Typekit -->
    <script src="//use.typekit.com/XXXXXXX.js"></script>
    <!-- Humans -->
    <link rel="author" href="/humans.txt">
    <!-- HMTL5 Prefetching -->
    <link rel="prefetch" href="//example.com"> <!-- Prefetch the full page -->
    <link rel="prefetch" href="//example.com/sprite.png"> <!-- Prefetch a single asset -->
    </head>
    <body>


    <!-- ... -->


    <!-- Scripts -->
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="//code.jquery.com/jquery-1.8.3.min.js"></script> <!-- Specific jQuery version -->
    <script src="//code.jquery.com/jquery-latest.min.js"></script> <!-- Latest jQuery version -->
    <script src="/javascripts/scripts.js"></script>

    <!-- Google Analytics -->
    @@ -140,7 +146,7 @@
    _gaq.push(['_trackPageview']);
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : '//www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
  3. @nunosans nunosans revised this gist Dec 5, 2012. 1 changed file with 41 additions and 28 deletions.
    69 changes: 41 additions & 28 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,25 +41,25 @@
    -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">
    <!-- Browser Compability Meta Tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer -->
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->
    <!-- Open Graph Meta Tags (ogp.me) -->
    <meta property="og:image" content="//example.com/image.jpg"> <!-- Web page thumbnail -->
    <meta property="og:image" content="//example.com/image2.jpg"> <!-- Web page thumbnail (can be multiple) -->
    <meta property="og:image" content="http://example.com/image.jpg"> <!-- Web page thumbnail -->
    <meta property="og:image" content="http://example.com/image2.jpg"> <!-- Web page thumbnail (can be multiple) -->
    <meta property="og:site_name" content="Site Name"> <!-- Web site title -->
    <meta property="og:title" content="Page Title"> <!-- Web page title -->
    <meta property="og:description" content="Description of this web page"> <!-- Web page description -->
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", ... ] -->
    <meta property="og:url" content="//example.com/index.html"> <!-- Url to this web page -->
    <meta property="og:url" content="http://example.com/index.html"> <!-- Url to this web page -->
    <meta property="og:locale" content="en_GB"> <!-- Main Language -->
    <meta property="og:locale:alternate" content="fr_FR"> <!-- Alternate Language -->
    <meta property="og:locale:alternate" content="es_ES"> <!-- Alternate Language -->
    @@ -72,29 +72,29 @@
    <meta property="og:country-name" content="UK"> <!-- Country -->
    <meta property="og:email" content="[email protected]"> <!-- Contact email -->
    <meta property="og:phone_number" content="+44 123 456 7622"> <!-- Contact phone number -->
    <meta property="og:video" content="//example.com/video.flv"> <!-- Video file url-->
    <meta property="og:video" content="http://example.com/video.flv"> <!-- Video file url-->
    <meta property="og:video:height" content="640"> <!-- Video height -->
    <meta property="og:video:width" content="385"> <!-- Video width -->
    <meta property="og:video:type" content="application/x-shockwave-flash"> <!-- Video file format type -->
    <meta property="og:audio" content="//example.com/audio.mp3"> <!-- Audio file url -->
    <meta property="og:audio" content="http://example.com/audio.mp3"> <!-- Audio file url -->
    <meta property="og:audio:title" content="Song Title"> <!-- Audio title -->
    <meta property="og:audio:artist" content="Name of Band"> <!-- Audio artist -->
    <meta property="og:audio:album" content="Album Title"> <!-- Audio album title-->
    <meta property="og:audio:type" content="application/mp3"> <!-- Audio file format type -->
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="//feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="//example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="//example.com/rss.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://example.com/rss.xml">
    <!-- Favicon Meta Tags (use both) -->
    <link rel="icon" href="//example.com/favicon.ico">
    <link rel="shortcut icon" href="//example.com/favicon.ico">
    <link rel="icon" href="http://example.com/favicon.ico">
    <link rel="shortcut icon" href="http://example.com/favicon.ico">
    <!-- Apple iOS Icons (Add "-precomposed" to the file name to prevent iOS icon effects) -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="http://example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-320x460.png" media="screen and (max-device-width: 320px)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-640x920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)">
    @@ -115,21 +115,34 @@
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components ["yes", "no"] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <!-- Windows 8 Meta Tags -->
    <meta name="msapplication-TileImage" content="/graphics/windows-8-tile.png"> <!-- Tile image (144px by 144px) -->
    <meta name="msapplication-TileColor" content="#d83434"> <!-- Tile background color -->
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <!-- Typekit -->
    <script src="//use.typekit.com/XXXXXXX.js"></script>
    <!-- Scripts -->
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
    <script src="/javascript/scripts.js"></script>
    <!-- Humans -->
    <link rel="author" href="/humans.txt">
    </head>
    <body>

    <!-- ... -->

    <!-- Analytics -->
    <script src="//mint.example.com/?js"></script>
    <!-- Scripts -->
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="/javascripts/scripts.js"></script>

    <!-- Google Analytics -->
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']);
    _gaq.push(['_trackPageview']);
    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
    </body>
    </html>
  4. @nunosans nunosans revised this gist Sep 8, 2012. 1 changed file with 7 additions and 2 deletions.
    9 changes: 7 additions & 2 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -96,7 +96,12 @@
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="//example.com/startup.png">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-320x460.png" media="screen and (max-device-width: 320px)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-640x920.png" media="screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-748x1024.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-1496x2048.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="/graphics/apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 768) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)">
    <!-- Apple iOS Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    @@ -127,4 +132,4 @@
    <!-- Analytics -->
    <script src="//mint.example.com/?js"></script>
    </body>
    </html>
    </html>
  5. @nunosans nunosans revised this gist Aug 23, 2012. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -65,7 +65,7 @@
    <meta property="og:locale:alternate" content="es_ES"> <!-- Alternate Language -->
    <meta property="og:latitude" content="50.97590"> <!-- Geographical coordenate -->
    <meta property="og:longitude" content="0.017221"> <!-- Geographical coordenate -->
    <meta property="og:street-address" content="Flat 1, 26 Morningwood Drive"> <!-- Postal Address -->
    <meta property="og:street-address" content="Flat 1, 26 Street Name"> <!-- Postal Address -->
    <meta property="og:locality" content="London"> <!-- Locality -->
    <meta property="og:region" content="London"> <!-- Region -->
    <meta property="og:postal-code" content="N1 PLE"> <!-- Post code -->
  6. @nunosans nunosans revised this gist Aug 23, 2012. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    <!doctype html>
    <html manifest="index.appcache"> <!-- Manifest is for HTML5 offline storage -->
    <html manifest="index.appcache"> <!-- HTML5 offline storage -->
    <head>
    <title>Title of the Document</title>
    <title>Title of this web page</title>
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">
    @@ -65,7 +65,7 @@
    <meta property="og:locale:alternate" content="es_ES"> <!-- Alternate Language -->
    <meta property="og:latitude" content="50.97590"> <!-- Geographical coordenate -->
    <meta property="og:longitude" content="0.017221"> <!-- Geographical coordenate -->
    <meta property="og:street-address" content="Flat 1, 26 Avenue"> <!-- Postal Address -->
    <meta property="og:street-address" content="Flat 1, 26 Morningwood Drive"> <!-- Postal Address -->
    <meta property="og:locality" content="London"> <!-- Locality -->
    <meta property="og:region" content="London"> <!-- Region -->
    <meta property="og:postal-code" content="N1 PLE"> <!-- Post code -->
    @@ -127,4 +127,4 @@
    <!-- Analytics -->
    <script src="//mint.example.com/?js"></script>
    </body>
    </html>
    </html>
  7. @nunosans nunosans revised this gist Aug 23, 2012. 1 changed file with 35 additions and 36 deletions.
    71 changes: 35 additions & 36 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    <head>
    <title>Title of the Document</title>
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="content-type" content="charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">
    <!-- Authoring Meta Tags -->
    <meta name="author" content="Author Name">
    @@ -52,38 +52,37 @@
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->
    <!-- Open Graph Meta Tags (ogp.me)-->
    <meta property="og:image" content="//example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="//example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:title" content="Page Title">
    <meta property="og:description" content="Description of this web page" />
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", "game", "actor"] -->
    <meta property="og:url" content="//example.com/index.html">
    <meta property="og:locale" content="en_GB"> <!-- Languages -->
    <meta property="og:locale:alternate" content="fr_FR">
    <meta property="og:locale:alternate" content="es_ES">
    <meta property="og:latitude" content="50.97590"> <!-- Geographical location -->
    <meta property="og:longitude" content="0.01722">
    <meta property="og:street-address" content="Flat 1, 65 Mare Street">
    <meta property="og:locality" content="London">
    <meta property="og:region" content="London">
    <meta property="og:postal-code" content="E8 4RG">
    <meta property="og:country-name" content="UK">
    <meta property="og:email" content="[email protected]"> <!-- Contacts -->
    <meta property="og:phone_number" content="+44 791 953 7622">
    <meta property="og:fax_number" content="+44 555 123 4567">
    <meta property="og:video" content="//example.com/video.flv"> <!-- Video -->
    <meta property="og:video:height" content="640">
    <meta property="og:video:width" content="385">
    <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:audio" content="//example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio:title" content="Song Title">
    <meta property="og:audio:artist" content="Name of Band">
    <meta property="og:audio:album" content="Album Title">
    <meta property="og:audio:type" content="application/mp3">
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- Open Graph Meta Tags (ogp.me) -->
    <meta property="og:image" content="//example.com/image.jpg"> <!-- Web page thumbnail -->
    <meta property="og:image" content="//example.com/image2.jpg"> <!-- Web page thumbnail (can be multiple) -->
    <meta property="og:site_name" content="Site Name"> <!-- Web site title -->
    <meta property="og:title" content="Page Title"> <!-- Web page title -->
    <meta property="og:description" content="Description of this web page"> <!-- Web page description -->
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", ... ] -->
    <meta property="og:url" content="//example.com/index.html"> <!-- Url to this web page -->
    <meta property="og:locale" content="en_GB"> <!-- Main Language -->
    <meta property="og:locale:alternate" content="fr_FR"> <!-- Alternate Language -->
    <meta property="og:locale:alternate" content="es_ES"> <!-- Alternate Language -->
    <meta property="og:latitude" content="50.97590"> <!-- Geographical coordenate -->
    <meta property="og:longitude" content="0.017221"> <!-- Geographical coordenate -->
    <meta property="og:street-address" content="Flat 1, 26 Avenue"> <!-- Postal Address -->
    <meta property="og:locality" content="London"> <!-- Locality -->
    <meta property="og:region" content="London"> <!-- Region -->
    <meta property="og:postal-code" content="N1 PLE"> <!-- Post code -->
    <meta property="og:country-name" content="UK"> <!-- Country -->
    <meta property="og:email" content="[email protected]"> <!-- Contact email -->
    <meta property="og:phone_number" content="+44 123 456 7622"> <!-- Contact phone number -->
    <meta property="og:video" content="//example.com/video.flv"> <!-- Video file url-->
    <meta property="og:video:height" content="640"> <!-- Video height -->
    <meta property="og:video:width" content="385"> <!-- Video width -->
    <meta property="og:video:type" content="application/x-shockwave-flash"> <!-- Video file format type -->
    <meta property="og:audio" content="//example.com/audio.mp3"> <!-- Audio file url -->
    <meta property="og:audio:title" content="Song Title"> <!-- Audio title -->
    <meta property="og:audio:artist" content="Name of Band"> <!-- Audio artist -->
    <meta property="og:audio:album" content="Album Title"> <!-- Audio album title-->
    <meta property="og:audio:type" content="application/mp3"> <!-- Audio file format type -->
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="//feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="//example.com/atom.xml">
    @@ -109,8 +108,8 @@
    -->
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components [yes, no] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components ["yes", "no"] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <!-- Typekit -->
    @@ -123,7 +122,7 @@
    </head>
    <body>

    <!-- Content -->
    <!-- ... -->

    <!-- Analytics -->
    <script src="//mint.example.com/?js"></script>
  8. @nunosans nunosans revised this gist Aug 23, 2012. 1 changed file with 17 additions and 17 deletions.
    34 changes: 17 additions & 17 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -53,13 +53,13 @@
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->
    <!-- Open Graph Meta Tags (ogp.me)-->
    <meta property="og:image" content="http://www.example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="http://www.example.com/image2.jpg">
    <meta property="og:image" content="//example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="//example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:title" content="Page Title">
    <meta property="og:description" content="Description of this web page" />
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", "game", "actor"] -->
    <meta property="og:url" content="http://www.example.com/index.html">
    <meta property="og:url" content="//example.com/index.html">
    <meta property="og:locale" content="en_GB"> <!-- Languages -->
    <meta property="og:locale:alternate" content="fr_FR">
    <meta property="og:locale:alternate" content="es_ES">
    @@ -73,31 +73,31 @@
    <meta property="og:email" content="[email protected]"> <!-- Contacts -->
    <meta property="og:phone_number" content="+44 791 953 7622">
    <meta property="og:fax_number" content="+44 555 123 4567">
    <meta property="og:video" content="http://www.example.com/video.flv"> <!-- Video -->
    <meta property="og:video" content="//example.com/video.flv"> <!-- Video -->
    <meta property="og:video:height" content="640">
    <meta property="og:video:width" content="385">
    <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:audio" content="http://www.example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio" content="//example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio:title" content="Song Title">
    <meta property="og:audio:artist" content="Name of Band">
    <meta property="og:audio:album" content="Album Title">
    <meta property="og:audio:type" content="application/mp3">
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://www.example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://www.example.com/rss.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="//feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="//example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="//example.com/rss.xml">
    <!-- Favicon Meta Tags (use both) -->
    <link rel="icon" href="http://www.example.com/favicon.ico">
    <link rel="shortcut icon" href="http://www.example.com/favicon.ico">
    <link rel="icon" href="//example.com/favicon.ico">
    <link rel="shortcut icon" href="//example.com/favicon.ico">
    <!-- Apple iOS Icons (Add "-precomposed" to the file name to prevent iOS icon effects) -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="//example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="//www.example.com/startup.png">
    <link rel="apple-touch-startup-image" href="//example.com/startup.png">
    <!-- Apple iOS Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    @@ -126,6 +126,6 @@
    <!-- Content -->

    <!-- Analytics -->
    <script type="text/javascript" src="http://mint.savantstudio.co.uk/?js"></script>
    <script src="//mint.example.com/?js"></script>
    </body>
    </html>
    </html>
  9. @nunosans nunosans revised this gist Aug 23, 2012. 1 changed file with 129 additions and 147 deletions.
    276 changes: 129 additions & 147 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,149 +1,131 @@
    <!DOCTYPE html>
    <html>
    <!doctype html>
    <html manifest="index.appcache"> <!-- Manifest is for HTML5 offline storage -->
    <head>
    <title>Title of the Document</title>
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">
    <!-- Authoring Meta Tags -->
    <meta name="author" content="Author Name">
    <meta name="publisher" content="Publisher Name">
    <meta name="copyright" content="Copyright Owner">
    <meta name="host" content="example.com">
    <meta name="generator" content="Text Editor Name">
    <!-- Geo Positioning Meta Tags -->
    <meta name="geo.position" content="50.97590;0.01722">
    <meta name="geo.region" content="GB">
    <meta name="geo.placename" content="London, United Kingdom">
    <meta name="ICBM" content="50.9759, 0.0172">
    <meta name="DC.title" content="Location Name">
    <!-- Search Eengine Meta Tags -->
    <meta name="description" content="Site description">
    <meta name="keywords" content="site, keywords">
    <meta name="revisit-after" content="10 days">
    <!-- Search engine robots Meta Tags
    Name Attributes:
    googlebot = Google bots only
    msnbot = MSN bots only
    slurp = Yahoo! bots only
    teoma = ASK bots only
    robots = All bots
    Content Attributes:
    index = Include this page in the index
    noindex = Prevents the page from being included in the index
    follow = Follow links on the page
    nofollow = Prevents Google robots from following any links on the page
    none = Equivalent to "nofollow, noindex" (Apply to test sites)
    noodp = Blocks the Open Directory Project (dmoz.org) description of the page
    noydir = Same as above but for Yahoo!
    noarchive = Prevents a cached copy of this page from being available in the search results (Apply to test sites)
    nosnippet = Prevents a description from appearing below the page in the search results, as well as prevents caching of the page
    -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">
    <!-- Browser Compability Meta Tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->
    <!-- Open Graph Meta Tags (ogp.me)-->
    <meta property="og:image" content="http://www.example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="http://www.example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:title" content="Page Title">
    <meta property="og:description" content="Description of this web page" />
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", "game", "actor"] -->
    <meta property="og:url" content="http://www.example.com/index.html">
    <meta property="og:locale" content="en_GB"> <!-- Languages -->
    <meta property="og:locale:alternate" content="fr_FR">
    <meta property="og:locale:alternate" content="es_ES">
    <meta property="og:latitude" content="50.97590"> <!-- Geographical location -->
    <meta property="og:longitude" content="0.01722">
    <meta property="og:street-address" content="Flat 1, 65 Mare Street">
    <meta property="og:locality" content="London">
    <meta property="og:region" content="London">
    <meta property="og:postal-code" content="E8 4RG">
    <meta property="og:country-name" content="UK">
    <meta property="og:email" content="[email protected]"> <!-- Contacts -->
    <meta property="og:phone_number" content="+44 791 953 7622">
    <meta property="og:fax_number" content="+44 555 123 4567">
    <meta property="og:video" content="http://www.example.com/video.flv"> <!-- Video -->
    <meta property="og:video:height" content="640">
    <meta property="og:video:width" content="385">
    <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:audio" content="http://www.example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio:title" content="Song Title">
    <meta property="og:audio:artist" content="Name of Band">
    <meta property="og:audio:album" content="Album Title">
    <meta property="og:audio:type" content="application/mp3">
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://www.example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://www.example.com/rss.xml">
    <!-- Favicon Meta Tags (use both) -->
    <link rel="icon" href="http://www.example.com/favicon.ico">
    <link rel="shortcut icon" href="http://www.example.com/favicon.ico">
    <!-- Apple iOS Icons (Add "-precomposed" to the file name to prevent iOS icon effects) -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-57x57-precomposed.png" sizes="57"> <!-- iPhone -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-114x114-precomposed.png" sizes="114x114"> <!-- iPhone Retina -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-72x72-precomposed.png" sizes="72x72"> <!-- iPad -->
    <link rel="apple-touch-icon" href="//www.example.com/apple-touch-icon-144x144-precomposed.png" sizes="144x144"> <!-- iPad Retina -->
    <!-- Apple iOS Startup Image -->
    <link rel="apple-touch-startup-image" href="//www.example.com/startup.png">
    <!-- Apple iOS Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    height = [points, "device-height"] Specify the viewport height, "device-height" will adjust with rotation.
    user-scalable = [yes, no] Pinch-to-zoom scaling
    initial-scale = [1.0] Specify an initial scale value, 1.0 = 100% Zoom
    minimum-scale = [0.5] Specify a minimum scale value, 0.5 = 50% Zoom
    maximum-scale = [2.0] Specify a maximum scale value, 2.0 = 200% Zoom
    -->
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hide Safari UI Components [yes, no] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/stylesheets/styles.css">
    <!-- Typekit -->
    <script src="//use.typekit.com/XXXXXXX.js"></script>
    <!-- Scripts -->
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
    <script src="/javascript/scripts.js"></script>
    <!-- Humans -->
    <link rel="author" href="/humans.txt">
    </head>
    <body>

    <head>

    <title>Page Title</title>

    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">

    <!-- Authoring Meta Tags -->
    <meta name="author" content="Nuno Coelho Santos">
    <meta name="publisher" content="savantstudio.co.uk">
    <meta name="copyright" content="savantstudio.co.uk">
    <meta name="host" content="savantstudio.co.uk">
    <meta name="generator" content="Sublime Text 2">
    <!-- Content -->

    <!-- Geo Positioning Meta Tags -->
    <meta name="geo.position" content="50.97590;0.01722">
    <meta name="geo.region" content="GB">
    <meta name="geo.placename" content="London, United Kingdom">
    <meta name="ICBM" content="50.9759, 0.0172">
    <meta name="DC.title" content="Savant: Design + Programming">

    <!-- Search Eengine Meta Tags -->
    <meta name="description" content="Site description">
    <meta name="keywords" content="site, key, words">
    <meta name="revisit-after" content="10 days"> <!-- Site expiry date -->

    <!-- Search engine robots Meta Tags
    Name Attributes:
    googlebot = Google bots only
    msnbot = MSN bots only
    slurp = Yahoo! bots only
    teoma = ASK bots only
    robots = All bots
    Content Attributes:
    index = Include this page in the index
    noindex = Prevents the page from being included in the index
    follow = Follow links on the page
    nofollow = Prevents Google robots from following any links on the page
    none = Equivalent to "nofollow, noindex" (Apply to test sites)
    noodp = Blocks the Open Directory Project (dmoz.org) description of the page
    noydir = Same as above but for Yahoo!
    noarchive = Prevents a cached copy of this page from being available in the search results (Apply to test sites)
    nosnippet = Prevents a description from appearing below the page in the search results, as well as prevents caching of the page
    -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">


    <!-- Browser Compability Meta Tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->

    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->

    <!-- Open Graph Meta Tags (ogp.me)-->
    <meta property="og:image" content="http://www.example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="http://www.example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:title" content="Page Title">
    <meta property="og:description" content="Description of this web page" />
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", "game", "actor"] -->
    <meta property="og:url" content="http://www.example.com/index.html">
    <meta property="og:locale" content="en_GB"> <!-- Languages -->
    <meta property="og:locale:alternate" content="fr_FR">
    <meta property="og:locale:alternate" content="es_ES">
    <meta property="og:latitude" content="50.97590"> <!-- Geographical location -->
    <meta property="og:longitude" content="0.01722">
    <meta property="og:street-address" content="Flat 1, 65 Mare Street">
    <meta property="og:locality" content="London">
    <meta property="og:region" content="London">
    <meta property="og:postal-code" content="E8 4RG">
    <meta property="og:country-name" content="UK">
    <meta property="og:email" content="[email protected]"> <!-- Contacts -->
    <meta property="og:phone_number" content="+44 791 953 7622">
    <meta property="og:fax_number" content="+44 555 123 4567">
    <meta property="og:video" content="http://www.example.com/video.flv"> <!-- Video -->
    <meta property="og:video:height" content="640">
    <meta property="og:video:width" content="385">
    <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:audio" content="http://www.example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio:title" content="Song Title">
    <meta property="og:audio:artist" content="Name of Band">
    <meta property="og:audio:album" content="Album Title">
    <meta property="og:audio:type" content="application/mp3">
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->

    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://www.example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://www.example.com/rss.xml">

    <!-- Favicon Meta Tags (use both) + Apple iOS icon -->
    <link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="http://www.example.com/apple-touch-icon.png">

    <!-- Apple iOS Mobile Safari Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    height = [points, "device-height"] Specify the viewport height, "device-height" will adjust with rotation.
    user-scalable = [yes, no] Pinch-to-zoom scaling
    initial-scale = [1.0] Specify an initial scale value, 1.0 = 100% Zoom
    minimum-scale = [0.5] Specify a minimum scale value, 0.5 = 50% Zoom
    maximum-scale = [2.0] Specify a maximum scale value, 2.0 = 200% Zoom
    -->
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Full-screen mode [yes, no] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->

    <!-- Stylesheets -->
    <link type="text/css" href="/stylesheets/styles.css" rel="stylesheet" media="screen">

    <!-- Typekit -->
    <script type="text/javascript" src="http://use.typekit.com/qxu7res.js"></script>

    <!-- Scripts -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="/javascript/scripts.js"></script>

    <!-- Humans -->
    <link type="text/plain" href="/humans.txt" rel="author" />

    </head>

    <body>


    <!-- . . . -->


    <!-- Analytics -->
    <script type="text/javascript" src="http://mint.savantstudio.co.uk/?js"></script>

    </body>

    </html>
    <!-- Analytics -->
    <script type="text/javascript" src="http://mint.savantstudio.co.uk/?js"></script>
    </body>
    </html>
  10. @nunosans nunosans revised this gist Jul 1, 2012. 1 changed file with 13 additions and 13 deletions.
    26 changes: 13 additions & 13 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,30 +5,30 @@

    <title>Page Title</title>

    <!-- Technical formating meta tags -->
    <!-- Technical Formating Meta Tags -->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">

    <!-- Authoring meta tags -->
    <!-- Authoring Meta Tags -->
    <meta name="author" content="Nuno Coelho Santos">
    <meta name="publisher" content="savantstudio.co.uk">
    <meta name="copyright" content="savantstudio.co.uk">
    <meta name="host" content="savantstudio.co.uk">
    <meta name="generator" content="Sublime Text 2">

    <!-- Geo Positioning meta tags -->
    <!-- Geo Positioning Meta Tags -->
    <meta name="geo.position" content="50.97590;0.01722">
    <meta name="geo.region" content="GB">
    <meta name="geo.placename" content="London, United Kingdom">
    <meta name="ICBM" content="50.9759, 0.0172">
    <meta name="DC.title" content="Savant: Design + Programming">

    <!-- Search engine meta tags -->
    <!-- Search Eengine Meta Tags -->
    <meta name="description" content="Site description">
    <meta name="keywords" content="site, key, words">
    <meta name="revisit-after" content="10 days"> <!-- Site expiry date -->

    <!-- Search engine robots meta tags
    <!-- Search engine robots Meta Tags
    Name Attributes:
    googlebot = Google bots only
    msnbot = MSN bots only
    @@ -49,7 +49,7 @@
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">


    <!-- Browser compability meta tags -->
    <!-- Browser Compability Meta Tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    @@ -60,10 +60,10 @@
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->

    <!-- Social Media meta tags-->
    <!-- Social Media Meta Tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->

    <!-- Open Graph meta tags (ogp.me)-->
    <!-- Open Graph Meta Tags (ogp.me)-->
    <meta property="og:image" content="http://www.example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="http://www.example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    @@ -96,17 +96,17 @@
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->

    <!-- News Feed meta tags-->
    <!-- News Feed Meta Tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://www.example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://www.example.com/rss.xml">

    <!-- Favicon meta tags (use both) -->
    <!-- Favicon Meta Tags (use both) + Apple iOS icon -->
    <link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="http://www.example.com/apple-touch-icon.png">

    <!-- Apple iOS Mobile Safari meta tags
    <!-- Apple iOS Mobile Safari Meta Tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    height = [points, "device-height"] Specify the viewport height, "device-height" will adjust with rotation.
    @@ -115,7 +115,7 @@
    minimum-scale = [0.5] Specify a minimum scale value, 0.5 = 50% Zoom
    maximum-scale = [2.0] Specify a maximum scale value, 2.0 = 200% Zoom
    -->
    <meta name="viewport" content="width = 320, initial-scale = 1.0, user-scalable = no">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Full-screen mode [yes, no] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->
    @@ -146,4 +146,4 @@

    </body>

    </html>
    </html>
  11. @nunosans nunosans created this gist Jul 1, 2012.
    149 changes: 149 additions & 0 deletions html-head-boilerplate.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,149 @@
    <!DOCTYPE html>
    <html>

    <head>

    <title>Page Title</title>

    <!-- Technical formating meta tags -->
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="content-language" content="en-gb">

    <!-- Authoring meta tags -->
    <meta name="author" content="Nuno Coelho Santos">
    <meta name="publisher" content="savantstudio.co.uk">
    <meta name="copyright" content="savantstudio.co.uk">
    <meta name="host" content="savantstudio.co.uk">
    <meta name="generator" content="Sublime Text 2">

    <!-- Geo Positioning meta tags -->
    <meta name="geo.position" content="50.97590;0.01722">
    <meta name="geo.region" content="GB">
    <meta name="geo.placename" content="London, United Kingdom">
    <meta name="ICBM" content="50.9759, 0.0172">
    <meta name="DC.title" content="Savant: Design + Programming">

    <!-- Search engine meta tags -->
    <meta name="description" content="Site description">
    <meta name="keywords" content="site, key, words">
    <meta name="revisit-after" content="10 days"> <!-- Site expiry date -->

    <!-- Search engine robots meta tags
    Name Attributes:
    googlebot = Google bots only
    msnbot = MSN bots only
    slurp = Yahoo! bots only
    teoma = ASK bots only
    robots = All bots
    Content Attributes:
    index = Include this page in the index
    noindex = Prevents the page from being included in the index
    follow = Follow links on the page
    nofollow = Prevents Google robots from following any links on the page
    none = Equivalent to "nofollow, noindex" (Apply to test sites)
    noodp = Blocks the Open Directory Project (dmoz.org) description of the page
    noydir = Same as above but for Yahoo!
    noarchive = Prevents a cached copy of this page from being available in the search results (Apply to test sites)
    nosnippet = Prevents a description from appearing below the page in the search results, as well as prevents caching of the page
    -->
    <meta name="robots" content="noindex, nofollow, noodp, noydir, noarchive">


    <!-- Browser compability meta tags -->
    <meta http-equiv="x-ua-compatible" content="ie=7"> <!-- Render Internet Explorer v7 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=8"> <!-- Render Internet Explorer v8 standards mode regardless of doctype -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> <!-- Render according to doctype, standards is v7 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie8"> <!-- Render according to doctype, standards is v8 and quirks is v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Render using latest version of Internet Explorer -->
    <meta http-equiv="x-ua-compatible" content="ie=5"> <!-- Render using Internet Explorer v7 quirks mode, which is like v5 -->
    <meta http-equiv="x-ua-compatible" content="ie=5; ie=8"> <!-- Render using v8 if available, otherwise use v5 instead of v6 or v7 -->
    <meta http-equiv="x-ua-compatible" content="chrome=1"> <!-- Render using Chrome if available -->
    <meta http-equiv="x-ua-compatible" content="ie=emulateie7; chrome=1"> <!-- Render Chrome if available or Internet Explorer v7 -->

    <!-- Social Media meta tags-->
    <meta name="pinterest" content="nopin"> <!-- Prevents sharing of content by Pinterest users -->

    <!-- Open Graph meta tags (ogp.me)-->
    <meta property="og:image" content="http://www.example.com/image.jpg"> <!-- Facebook Share thumbnail (can be more than one) -->
    <meta property="og:image" content="http://www.example.com/image2.jpg">
    <meta property="og:site_name" content="Site Name">
    <meta property="og:title" content="Page Title">
    <meta property="og:description" content="Description of this web page" />
    <meta property="og:type" content="article"> <!-- Content type ["product", "blog", "website", "book", "movie", "game", "actor"] -->
    <meta property="og:url" content="http://www.example.com/index.html">
    <meta property="og:locale" content="en_GB"> <!-- Languages -->
    <meta property="og:locale:alternate" content="fr_FR">
    <meta property="og:locale:alternate" content="es_ES">
    <meta property="og:latitude" content="50.97590"> <!-- Geographical location -->
    <meta property="og:longitude" content="0.01722">
    <meta property="og:street-address" content="Flat 1, 65 Mare Street">
    <meta property="og:locality" content="London">
    <meta property="og:region" content="London">
    <meta property="og:postal-code" content="E8 4RG">
    <meta property="og:country-name" content="UK">
    <meta property="og:email" content="[email protected]"> <!-- Contacts -->
    <meta property="og:phone_number" content="+44 791 953 7622">
    <meta property="og:fax_number" content="+44 555 123 4567">
    <meta property="og:video" content="http://www.example.com/video.flv"> <!-- Video -->
    <meta property="og:video:height" content="640">
    <meta property="og:video:width" content="385">
    <meta property="og:video:type" content="application/x-shockwave-flash">
    <meta property="og:audio" content="http://www.example.com/audio.mp3"> <!-- Music -->
    <meta property="og:audio:title" content="Song Title">
    <meta property="og:audio:artist" content="Name of Band">
    <meta property="og:audio:album" content="Album Title">
    <meta property="og:audio:type" content="application/mp3">
    <meta property="og:upc" content="885909367481"> <!-- UPC EAN barcodes-->
    <meta property="og:isbn" content="1873520786"> <!-- Book ISBN number-->

    <!-- News Feed meta tags-->
    <link rel="alternate" type="application/rss+xml" title="Example (Feedburner)" href="http://feeds.feedburner.com/example">
    <link rel="alternate" type="application/atom+xml" title="Example (Atom 0.3)" href="http://www.example.com/atom.xml">
    <link rel="alternate" type="application/rss+xml" title="Example (RSS 2.0)" href="http://www.example.com/rss.xml">

    <!-- Favicon meta tags (use both) -->
    <link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="http://www.example.com/apple-touch-icon.png">

    <!-- Apple iOS Mobile Safari meta tags
    Viewport content attributes:
    width = [points, "device-width"] Specify the viewport width, "device-width" will adjust with rotation.
    height = [points, "device-height"] Specify the viewport height, "device-height" will adjust with rotation.
    user-scalable = [yes, no] Pinch-to-zoom scaling
    initial-scale = [1.0] Specify an initial scale value, 1.0 = 100% Zoom
    minimum-scale = [0.5] Specify a minimum scale value, 0.5 = 50% Zoom
    maximum-scale = [2.0] Specify a maximum scale value, 2.0 = 200% Zoom
    -->
    <meta name="viewport" content="width = 320, initial-scale = 1.0, user-scalable = no">
    <meta name="format-detection" content="telephone = no"> <!-- Disables automatic detection of possible phone numbers -->
    <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Full-screen mode [yes, no] -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- Status bar style ["default", "black", "black-translucent"] -->

    <!-- Stylesheets -->
    <link type="text/css" href="/stylesheets/styles.css" rel="stylesheet" media="screen">

    <!-- Typekit -->
    <script type="text/javascript" src="http://use.typekit.com/qxu7res.js"></script>

    <!-- Scripts -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="/javascript/scripts.js"></script>

    <!-- Humans -->
    <link type="text/plain" href="/humans.txt" rel="author" />

    </head>

    <body>


    <!-- . . . -->


    <!-- Analytics -->
    <script type="text/javascript" src="http://mint.savantstudio.co.uk/?js"></script>

    </body>

    </html>