HTML5 Template with IE Stylesheets Linked & jQuery
August 5th, 2011 by WilderHere’s an HTML5 template with both the HTML5 shiv script and IE-specific stylesheets linked to the document, as well as jQuery (IE stylesheets are linked to, but of course not included):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Put Title Here</title> <meta name="description" content="Your Description"> <meta name="keywords" content=""> <meta name="author" content="Your Name"> <link rel="stylesheet" href="styles/styles.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--[if IE 9]> <link rel="stylesheet" href="styles/ie9.css"> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="styles/ie8.css"> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" href="styles/ie7.css"> <![endif]--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="scripts/scripts.js"></script> </head> <body> </body> </html> |
If you’re going to use media queries to make your website / app adapt to mobile devices, include this meta tag in the <head> of your html5 document:
|
1 |
<meta name="viewport" content="width=device-width, initial-scale=1"> |