<!DOCTYPE html> | |
<!-- Helpful things to keep in your <head/> | |
// Brian Blakely, 360i | |
// http://twitter.com/brianblakely/ | |
--> | |
<head> | |
<!-- Disable automatic DNS prefetching. | |
WARNING: THIS MAY MAKE YOUR SITE SLOWER IF YOU RELY ON RESOURCES FROM FOREIGN DOMAINS. --> | |
<meta http-equiv="x-dns-prefetch-control" content="off"> | |
<!-- Make a DNS handshake with a foreign domain before the user needs to access it. | |
This happens in parallel with other connections, and can speed up your site. | |
More information: https://github.com/paulirish/html5-boilerplate/wiki/DNS-Prefetching --> | |
<link rel="dns-prefetch" href="//example.com"> | |
<!-- According to Heather Champ, former community manager at flickr, | |
you should not allow search engines to index your "Contact Us" | |
or "Complaints" page if you value your sanity. This is an HTML- | |
centric way of achieving that. | |
WARNING: DO NOT INCLUDE ON PAGES THAT SHOULD APPEAR IN SEARCH ENGINES. --> | |
<meta name="robots" content="noindex" /> | |
<!-- Suppress IE6's pop-up-on-mouseover toolbar for images, that can | |
interfere with certain designs. --> | |
<meta http-equiv="imagetoolbar" content="false" /> | |
<!-- IE9 Pinned Site Settings! | |
Documentation: http://msdn.microsoft.com/en-ca/library/gg131029(VS.85).aspx | |
See the documentation for JavaScript APIs, as well. --> | |
<!-- Pinned site name, as Windows sees it - this will be the page title | |
by default, unless you include this rule. --> | |
<meta name="application-name" content="Sample Title" /> | |
<!-- Pinned shortcuts also get a tooltip - this is it. --> | |
<meta name="msapplication-tooltip" content="A description of what this site does." /> | |
<!-- If the site should go to a specific URL when it is pinned (such as | |
the homepage), enter it here. | |
One idea is to send it to a special URL so you can track # of pinned users, | |
like so: http://www.example.com/index.html?pinned=true --> | |
<meta name="msapplication-starturl" content="" /> | |
<!-- IE9 will automatically use the overall color of your site's favicon to | |
shade its browser buttons. UNLESS you give it another color here. | |
Only use named colors ("red") or hex colors ("#f00"). --> | |
<meta name="msapplication-navbutton-color" content=""/> | |
<!-- If the site should open at a certain window size once | |
pinned, you can specify the dimensions here. | |
It only supports static pixel dimensions. 800x600 minimum. --> | |
<meta name="msapplication-window" content="width=800;height=600"/> | |
<!-- Define Jump List tasks that will appear when the pinned site's | |
icon gets a right-click. Each "task" goes to the specified URL, | |
and gets its own mini icon (essentially a favicon, a 16x16 .ICO). --> | |
<meta name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/> | |
<meta name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/> | |
<!-- Facebook will use the following data to represent your site | |
when it is shared. | |
Facebook documentation (includes info on sharing more specific | |
media types): http://developers.facebook.com/docs/share --> | |
<meta property="og:title" content="" /> | |
<meta property="og:description" content="" /> | |
<meta property="og:image" content="" /> | |
<!-- Signal to search engines and others "Use this URL for this page!" | |
Useful when URLs are dynamically generated. --> | |
<link rel="canonical" href="" /> | |
<!-- Signal to the world "This is the shortURL for this page!" | |
Poorly supported at this time. | |
http://microformats.org/wiki/rel-shortlink --> | |
<link rel="shortlink" href="" /> | |
<!-- Sites with search functionality should be strongly considered for a | |
browser search plugin. | |
How to make a browser search plugin: | |
http://www.google.com/search?ie=UTF-8&q=how+to+make+browser+search+plugin --> | |
<link rel="search" title="" type="application/opensearchdescription+xml" href="" /> | |
<!-- Direct search spiders to your sitemap. | |
Learn to make a sitemap here: http://www.sitemaps.org/protocol.php --> | |
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> | |
<!-- Have an RSS feed? Link to it here. | |
Learn how to write your own: http://www.rssboard.org/rss-specification --> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"> | |
<!-- Or maybe you have an Atom feed? | |
See what that's all about: http://www.atomenabled.org/developers/protocol/ --> | |
<link rel="alternate" type="application/x.atom+xml" title="Atom" href="/atom.xml"> | |
<!-- Your server may be notified when another site links to yours. | |
The href attribute should contain the location of your pingback service. | |
* High-level explanation: http://codex.wordpress.org/Introduction_to_Blogging#Pingbacks | |
* Step-by-step example case: http://www.hixie.ch/specs/pingback/pingback-1.0#TOC5 | |
* PHP pingback service: | |
http://blog.perplexedlabs.com/2009/07/15/xmlrpc-pingbacks-using-php/ --> | |
<link rel="pingback" href=""> | |
</head> | |
<body> | |
<!-- ... --> | |
<!-- Let's help Mother Nature and link to a local copy of jQuery | |
until our project is ready for launch. --> | |
<!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script--> | |
<script src="js/jquery.js"></script> | |
<!-- jQuery Lint for the performance-tweaking stages of your project. | |
Notifies of inefficient selectors and other ego-breaking things. | |
WARNING: THIS CAN BREAK STUFF IN IE. | |
TAKE IT OUT WHEN YOU MOVE TO DEBUGGING. --> | |
<script src="js/jquery.lint.js"></script> | |
</body> |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
myfreeweb
commented
Jul 18, 2011
"application/x.atom+xml" what's the "x." for? The official MIME-type is just application/atom+xml. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
brianblakely
Jul 18, 2011
Yeah, that was a mistake. Atom can be used as a service protocol, and that's when you would use the "x."
Forgot to change it here, thanks
Yeah, that was a mistake. Atom can be used as a service protocol, and that's when you would use the "x." Forgot to change it here, thanks |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
nikmd23
Mar 5, 2012
I've added the new IE10 X-UA-Compatible meta tag to my fork of this Gist at https://gist.github.com/1981339.
It's the top tag, if you'd like to incorporate the changes.
nikmd23
commented
Mar 5, 2012
I've added the new IE10 X-UA-Compatible meta tag to my fork of this Gist at https://gist.github.com/1981339. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
"application/x.atom+xml" what's the "x." for? The official MIME-type is just application/atom+xml.