Last active
August 29, 2015 14:07
-
-
Save luckyyang/f3f0b6d68df8e843e7a6 to your computer and use it in GitHub Desktop.
A Generic HTML5 Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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