Skip to content

Instantly share code, notes, and snippets.

@clintfisher
Forked from adactio/sectioningcontenttest.html
Last active August 29, 2015 14:27
Show Gist options
  • Save clintfisher/9106f0e108cbd14da37a to your computer and use it in GitHub Desktop.
Save clintfisher/9106f0e108cbd14da37a to your computer and use it in GitHub Desktop.
Illustration of sectioning content and the outline algorithm in HTML5.
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment