forked from tiy-orl/html-css-fundamentals
-
Notifications
You must be signed in to change notification settings - Fork 0
/
07-sectioning.html
23 lines (23 loc) · 1012 Bytes
/
07-sectioning.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sectioning</title>
</head>
<body>
<header>
<p>Previous versions of HTML offered very few elements for grouping content together. HTML5 has much richer options, so use them!</p>
</header>
<main>
<section>
<h1>Sectioning and Semantics</h1>
<p>This page illustrates some of the new elements available for grouping content in HTML5, in particular <code>header</code>, <code>section</code>, <code>aside</code>, and <code>footer</code>. </p>
</section>
<section>
<h2>What Sectioning Elements Look Like</h2>
<p>By default, the sectioning elements don't have any special styles applied to them, so the end user can't tell they're being used. These elements are to communicate to other developers (and, eventually, to computers parsing sites).</p>
</section>
</main>
<footer>This has been a brief introduction to sectioning in HTML5.</footer>
</body>
</html>