Understanding HTML5’s Document Outline

In the previous section, you learned that the headings elements, h1h6, contribute to your HTML page’s outline. You’re going to dig under the hood more in this section to learn how a handful of elements unique to HTML5 also affect the outline.

One syntactical note before you continue. In the discussion and pages to follow, I’ll often use “section” as a generic term to mean a distinct part of a page, as opposed to the section element (which you’ll learn about) specifically. When I am referring to the section element, the word will be styled like code just like it is in this sentence.

OK, carrying on.

So, you know that each HTML document has an underlying outline, which is like a table of contents, as defined ...

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.