Skip to content

Instantly share code, notes, and snippets.

@lukeholder

lukeholder/html5simple.html

Created April 8, 2011 20:24
Show Gist options
  • Save lukeholder/910642 to your computer and use it in GitHub Desktop.
Save lukeholder/910642 to your computer and use it in GitHub Desktop.
Download ZIP
a simple html5 template
Raw
html5simple.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<!--Page Title-->
<title>HTML5 Starter</title>
<!--Meta Tags-->
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<!-- Set Viewport-->
<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width" />
<!-- Allows WebApp-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--Load CSS-->
<!--Main CSS-->
<link type="text/css" rel="stylesheet" href="screen.css" media="screen">
<!--Target iPad-->
<link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="ipad.css" />
<!--Target iPhone 3GS> -->
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" />
<!--Target iPhone 4-->
<link type="text/css" rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px)" href="retnia.css" />
<!--FAVICON-->
<link rel="shortcut icon" href="images/fav.ico">
<!--Jquery-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<!--Jquery Plugins-->
<!--Custom JavaScript-->
<!--HTML5 Shiv-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<!--Start Body-->
<body>
<!--Start Header-->
<header>
</header>
<!--Start Nav-->
<nav>
</nav>
<!--Start Section-->
<section>
<!--Start Sidebar-->
<aside>
</aside>
</section>
<!--Start Footer-->
<footer>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment