Skip to content

Instantly share code, notes, and snippets.

@adactio

adactio/sectioningcontenttest.html

Created November 12, 2011 12:19
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save adactio/1360458 to your computer and use it in GitHub Desktop.
Save adactio/1360458 to your computer and use it in GitHub Desktop.
Download ZIP
Illustration of sectioning content and the outline algorithm in HTML5.
Raw
sectioningcontenttest.html
<!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