Skip to content

Instantly share code, notes, and snippets.

@haydenbleasel

haydenbleasel/boilerplate.html

Last active April 10, 2019 17:17
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save haydenbleasel/186e5953d5b42f0002c479623c9541a5 to your computer and use it in GitHub Desktop.
Save haydenbleasel/186e5953d5b42f0002c479623c9541a5 to your computer and use it in GitHub Desktop.
Download ZIP
A powerful HTML5 boilerplate for the modern web.
Raw
boilerplate.html
<!-- HTML5 Doctype. Remember to delete these comments (Quirks Mode). -->
<!doctype html>
<!-- HTML tag -->
<html lang="">
<!-- Let's get started -->
<head>
<!-- Document settings and metadata -->
<title></title>
<meta charset="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="designer" content="" />
<meta name="rating" content="" />
<meta name="keywords" content="" />
<!-- iOS, Android and Windows stuff -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="msapplication-TileImage" content="" />
<meta name="msapplication-TileColor" content="" />
<!-- Robots and Viewport -->
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- OpenGraph for Facebook -->
<meta property="og:type" content="" />
<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:locale" content="" />
<!-- Twitter Card -->
<meta property="twitter:card" content="" />
<meta property="twitter:site" content="" />
<meta property="twitter:title" content="" />
<meta property="twitter:description" content="" />
<meta property="twitter:image" content="" />
<!-- Icons -->
<link rel="icon" href="" />
<link rel="icon" sizes="196x196" href="" />
<link rel="apple-touch-icon" href="" />
<!-- Prerendering and Prefetching -->
<link rel="prerender" href="" />
<link rel="prefetch" href="" />
<link rel="dns-prefetch" href="" />
<!-- Miscellaneous and SEO stuff -->
<link rel="author" href="humans.txt" />
<link rel="canonical" href="" />
<link rel="sitemap" href="" />
<link rel="next" href="" />
<link rel="prev" href="" />
<!-- Stylesheets go here -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/basics/1.2.2/basics.css" />
<!-- Header scripts go here -->
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
</head>
<body>
<!-- Footer scripts go here -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/retina.js/1.3.0/retina.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment