HTML5 Basic Template
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Title</title>
<meta name="description" content="Ermahgerd Webr">
<meta name="author" content="Derp">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Le Header -->
<header></header>
<!-- Le Navigation -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<!-- Le Content Wrapper -->
<div id="wrapper">
<!-- Le Content -->
<div id="content">
<!-- Le Article -->
<article>
<h1>This is a Header.</h1>
<p>Le lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis porta augue, vel convallis ligula dignissim eu. Le nam scelerisque aliquam adipiscing. Le aenean ante urna, accumsan quis placerat at, consectetur et tellus.</p>
</article>
</div><!-- Le Content END -->
<!-- Le Complementary Stuff -->
<aside></aside>
</div><!-- Le Content Wrapper END -->
<!-- Le Footer -->
<footer></footer>
<!-- Le End -->
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Title</title>
<meta name="description" content="Ermahgerd Webr">
<meta name="author" content="Derp">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Le Header -->
<header></header>
<!-- Le Navigation -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<!-- Le Content Wrapper -->
<div id="wrapper">
<!-- Le Content -->
<div id="content">
<!-- Le Article -->
<article>
<h1>This is a Header.</h1>
<p>Le lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis porta augue, vel convallis ligula dignissim eu. Le nam scelerisque aliquam adipiscing. Le aenean ante urna, accumsan quis placerat at, consectetur et tellus.</p>
</article>
</div><!-- Le Content END -->
<!-- Le Complementary Stuff -->
<aside></aside>
</div><!-- Le Content Wrapper END -->
<!-- Le Footer -->
<footer></footer>
<!-- Le End -->
</body>
</html>
Yorumlar
Yorum Gönder