mozilla

Compare Revisions

Sections and Outlines of an HTML5 Document

Change Revisions

Revision 414243:

Revision 414243 by kevnchu on

Revision 415511:

Revision 415511 by nyc212 on

Title:
Sections and Outlines of an HTML5 Document
Sections and Outlines of an HTML5 Document
Slug:
Web/HTML/Sections_and_Outlines_of_an_HTML5_document
Web/HTML/Sections_and_Outlines_of_an_HTML5_document
Tags:
"HTML", "HTML5"
"HTML", "HTML5"
Content:

Revision 414243
Revision 415511
n72      </li>n
73      <li>Because each HTML Heading Element is part of the outlin
>e, it is not possible to describe a subtitle or secondary title ( 
>e.g., <code>&lt;h1&gt;Justine&lt;/h1&gt;&lt;h2&gt;Les Malheurs de 
> la Vertu&lt;/h2&gt;</code> creates the outline <code>1. Justine  
>1.1 Les Malheurs de la Vertu</code>). HTML5 introduces the {{HTML 
>Element("hgroup")}} element that hides all the heading elements e 
>xcept the first one of the highest rank (e.g., <code>&lt;hgroup&g 
>t;&lt;h1&gt;Justine&lt;/h1&gt;&lt;h2&gt;Les Malheurs de la Vertu& 
>lt;/h2&gt;&lt;/hgroup&gt;</code> creates the outline <code>1. Jus 
>tine</code>). 
t296    <h3 id="Overriding_Implicit_Sectioning">t
297      Overriding Implicit Sectioning
298    </h3>
299    <p>
300      &nbsp;Sometimes, a section needs to have several headings. 
>A few usual cases are: 
301    </p>
302    <ul>
303      <li>a section about a book, or a movie, that has a secondar
>y title: 
304        <pre class="brush:xml">
305&lt;section&gt;
306  &lt;h1&gt;Justine&lt;/h1&gt;
307  &lt;h2&gt;Les Malheurs de la vertu&lt;/h2&gt;
308&lt;/section&gt;
309</pre>
310        <p>
311          leads to the following outline:
312        </p>
313        <pre>
3141. Justine
315   1.1 Les Malheurs de la vertu
316</pre>
317      </li>
318      <li>the secondary heading may be used for a tag list:
319        <pre class="brush:xml">
320&lt;section&gt;
321  &lt;h1&gt;Section and outlines of a document&lt;/h1&gt;
322  &lt;h2&gt;HTML, HTML5, Sections, Outlines&lt;/h2&gt;
323&lt;/section&gt;
324</pre>
325        <p>
326          leads to the following outline:
327        </p>
328        <pre>
3291. Section and outlines of a document
330   1.1 HTML, HTML5, Sections, Outlines
331</pre>
332      </li>
333    </ul>
334    <p>
335      Due to the implicit sectioning, this is not possible withou
>t the help of the HTML Headings Group Element ({{HTMLElement("hgr 
>oup")}} introduced in HTML5). It hides all headings from the outl 
>ine, except the first one, allowing an override of the implicit s 
>ectioning. With this element the secondary book example: 
336    </p>
337    <pre class="brush:xml">
338&lt;section&gt;
339  &lt;hgroup&gt;
340    &lt;h1&gt;Justine&lt;/h1&gt;
341    &lt;h2&gt;Les Malheurs de la vertu&lt;/h2&gt;
342  &lt;/hgroup&gt;
343  ... Some Contents ...
344&lt;/section&gt;
345</pre>
346    <p>
347      leads to the following outline:
348    </p>
349    <pre>
3501. Justine
351</pre>

Back to History