HTML and CSS Reference
In-Depth Information
<div id="footer">
<p>
Copyright © 2011 John Smith. All rights reserved.
</p>
</div>
</body>
</html>
New Semantic Structuring Elements In HTML5
In HTML5 there are additional, meaningful (semantic) structuring elements (Figure
3-4
), so the typical structure of
HTML5 documents is more sophisticated and logical (Listing 3-33).
Listing 3-33.
Typical HTML5 Document Structure
<!DOCTYPE html>
<html>
<head>
<title>Sample HTML5 document structure</title>
</head>
<body>
<header>
<h1>Document structure sample</h1>
</header>
<section>
<article>
<h2>Abstract</h2>
<p>This sample document demonstrates the structure of HTML5 documents.</p>
</article>
<article>
<h2>Overview</h2>
<p>
HTML5 adds more semantics to the document stucture. Instead of using general purpose
divisions, it provides meaningful elements.
</p>
</article>
</section>
<footer>
<p>
Copyright © 2015 John Smith. All rights reserved.
</p>
</footer>
</body>
</html>
Search WWH ::
Custom Search