Skip to content

Instantly share code, notes, and snippets.

@luckyyang
Last active August 29, 2015 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save luckyyang/f3f0b6d68df8e843e7a6 to your computer and use it in GitHub Desktop.
Save luckyyang/f3f0b6d68df8e843e7a6 to your computer and use it in GitHub Desktop.
A Generic HTML5 Template
from http://sixrevisions.com/html5/html5-template/
<!DOCTYPE html>
<!-- Set a lang="" attribute value for
the <html> tag for interoperability and accessibility
See other global attributes for the HTML tag:
READ: http://www.w3.org/TR/html-markup/global-attributes.html -->
<html>
<head>
<!-- Tell Internet Explorer to use the most current layout engine available
READ: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Declare a character set for web performance
Do it through the HTTP header as the first option
Make sure HTTP header and meta tag are the same
READ: https://developers.google.com/speed/docs/best-practices/rendering#SpecifyCharsetEarly -->
<meta charset="utf-8">
<!-- Specify web page title -->
<title></title>
<!-- Specify the web page description -->
<meta name="description" content="">
<!-- Specify the web page author -->
<meta name="author" content="">
<!-- Tell mobile browsers to use the device's width and scale -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Load stylesheets early in the HTML document
to render visual content ASAP
Specify the URI of stylesheets in href attribute -->
<link rel="stylesheet" href="">
<!-- Load htmlshiv and Respond.js for old IE versions so we can use
HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Specify the URI of your favicon in href attribute -->
<link rel="shortcut icon" href="">
<!-- The commented-out markup below is for iOS/Android bookmarking icons-->
<!--
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="196x196" href="">
<link rel="apple-touch-icon" sizes="152x152" href="">
-->
<!-- Reference non-render-blocking scripts here
and use async attribute if possible
Example: <script src="" async></script> -->
</head>
<body>
<!-- Place your content here -->
<!-- Put render-blocking scripts here if possible
and use async attribute if possible -->
<!-- SCRIPTS -->
<!-- Example: <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment