Created
December 26, 2014 19:49
-
-
Save davidvanvickle/fa7c3f6236326572ab14 to your computer and use it in GitHub Desktop.
html5 sample
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<link rel="stylesheet" href="style.css"> | |
<title></title> | |
<meta name="description" content=""> | |
</head> | |
<body> | |
<header> | |
<h1>Hello world!</h1> | |
<h2>This is a W3C valid HTML5 template skeleton.</h2> | |
<nav> | |
<a href="#">This is a navigation element.</a> | |
<a href="#">And so is this.</a> | |
</nav> | |
</header> | |
<div class="wrapper"> | |
<section id="about-the-template"> | |
<h3>Some fun facts on HTML5.</h3> | |
<p>You should always use div elements for your wrappers and styling.</p> | |
<p>Section elements should only be used to declare a content section.</p> | |
</section> | |
<section id="news"> | |
<article id="html5-is-the-new-norm"> | |
<h2>HTML5 is becoming the industry standard.</h2> | |
<p>For news and blogs, you should always make use for the article element. It allows browsers, search engines and all other technology know that it is reading an article.</p> | |
</article> | |
</section> | |
</div> | |
<footer> | |
<p>HTML5 is awesome!</p> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment