Posted By

chrisaiv on 04/04/12

Tagged

html5

Versions (?)

Last Edited at 04/04/12 01:41am

Statistics

Viewed 1350 times

Favorited by 6 user(s)

Related snippets

HTML5: Boilerplate

/ Published in: HTML

I suspect this boilerplate code will continue to evolve while I settle in on my favorite libraries and frameworks but

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE HTML>
 
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head id="" data-template-set="html5-reset">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
	<title></title>
 
	<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
 
    <!-- Global Javascript -->
	<!-- Modernizr -->
	<script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js"></script>
	<!-- jQuery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<!-- jQuery UI -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
 
    <!-- Page Specific Javascript -->
 
    <!-- Initial Data-->
 
    <!-- Google Maps -->
    <!-- New School Way: Ajax Request  -->
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        // Loading the Google Maps API
        //google.load('maps', 3, {'other_params': 'sensor=false&language=en' });
    </script>
 
    <script type="text/javascript">
        $(document).ready(function(){
        });
    </script>
 
 
	<!-- Global Stylesheets -->
	<link rel="stylesheet" href="/css/style.css" />
 
 
    <!-- Page specific Css -->    
</head>
<body>
	<header></header>
 
	<nav></nav>
 
	<section></section>
 
</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.