public
Last active

Illustration of sectioning content and the outline algorithm in HTML5.

  • Download Gist
sectioningcontenttest.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<!DOCTYPE html>
<html lang="en">
<title>Sectioning Content test</title>
<h1>This is an h1</h1>
<p>That h1 is the heading for the body (a sectioning root).</p>
<div>
<h1>This is another h1</h1>
<p>That h1 is inside a div so it is no different than the first h1.</p>
</div>
<section>
<h1>This is also an h1</h1>
<p>That h1 is the heading for a section (sectioning content). It acts like an h2 in the context of the whole document.</p>
</section>
<small>note the differences in default styling in some browsers</small>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.