Skip to content

Instantly share code, notes, and snippets.

@Ellyria

Ellyria/HTML5 Skeleton.html

Last active August 25, 2018 15:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Ellyria/097c10308f11e040ce7dbd638a0a371e to your computer and use it in GitHub Desktop.
Save Ellyria/097c10308f11e040ce7dbd638a0a371e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML5 Skeleton.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ================================================== -->
<title>HTML5 Skeleton</title>
<!-- ================================================== -->
<meta charset="utf-8" />
<!-- ================================================== -->
<!-- Optional support for older (IE9 or older) Microsoft browsers: -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- ================================================== -->
<style>
* {/*INCLUDE BORDER AND PADDING WITHIN HEIGHT AND WIDTH*/
box-sizing: border-box;
}
abbr,acronym {/*CSS RESET*/
border:0;
}
address,caption,cite,code,dfn {/*CSS RESET*/
font-style:normal;
font-weight:normal;
}
article, aside, figure, footer, header, main, nav, section {/*BACKWARD COMPATIBILITY*/
display: block;
}
blockquote,body,div,h1,h2,h3,h4,h5,h6,html,li,ol,p,ul {/*CSS RESET*/
margin:0;
padding:0;
}
unknown-element-name {/*UNKNOWN ELEMENT*/
display: block;
}
</style>
</head>
<body>
</body>
<!-- ================================================== -->
<!-- JavaScript at end for faster page loading. -->
<!-- ================================================== -->
<!-- Help older browsers to handle unknown elements (see also the style element): -->
<!-- <script>document.createElement("unknown-element-name");</script> -->
<!-- ================================================== -->
<!-- Help older browsers to handle unknown elements: -->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<script src="/js/html5shiv.js"></script>
<![endif]-->
<!-- ================================================== -->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment