[e] (0) Add a quite contrived example for <hr>.

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=9371 git-svn-id: http://svn.whatwg.org/webapps@4995 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Apr 12, 2010 · de9a48e · de9a48e
1 parent 89c25ff
commit de9a48e
Show file tree

Hide file tree

Showing 3 changed files with 141 additions and 0 deletions.
diff --git a/complete.html b/complete.html
@@ -16153,6 +16153,53 @@ <h4 id=the-hr-element><span class=secno>4.5.2 </span>The <dfn><code>hr</code></d
   a story, or a transition to another topic within a section of a
   reference book.</p>
 
+  <div class=example>
+
+   <p>The following fictional extract from a project manual shows two
+   sections that use the <code><a href=#the-hr-element>hr</a></code> element to separate topics
+   within the section.</p>
+
+   <pre>&lt;section&gt;
+ &lt;h1&gt;Communication&lt;/h1&gt;
+ &lt;p&gt;There are various methods of communication. This section
+ covers a few of the important ones used by the project.&lt;/p&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Communication stones seem to come in pairs and have mysterious
+ properties:&lt;/p&gt;
+ &lt;ul&gt;
+  &lt;li&gt;They can transfer thoughts in two directions once activated
+  if used alone.&lt;/li&gt;
+  &lt;li&gt;If used with another device, they can transfer one's
+  consciousness to another body.&lt;/li&gt;
+  &lt;li&gt;If both stones are used with another device, the
+  consciousnesses switch bodies.&lt;/li&gt;
+ &lt;/ul&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Radios use the electromagnetic spectrum in the meter range and
+ longer.&lt;/p&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Signal flares use the electromagnetic spectrum in the
+ nanometer range.&lt;/p&gt;
+&lt;/section&gt;
+&lt;section&gt;
+ &lt;h1&gt;Food&lt;/h1&gt;
+ &lt;p&gt;All food at the project is rationed:&lt;/p&gt;
+ &lt;dl&gt;
+  &lt;dt&gt;Potatoes&lt;/dt&gt;
+  &lt;dd&gt;Two per day&lt;/dd&gt;
+  &lt;dt&gt;Soup&lt;/dt&gt;
+  &lt;dd&gt;One bowl per day&lt;/dd&gt;
+ &lt;/dl&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Cooking is done by the chefs on a set rotation.&lt;/p&gt;
+&lt;/section&gt;</pre>
+
+   <p>There is no need for an <code><a href=#the-hr-element>hr</a></code> element between the
+   sections themselves, since the <code><a href=#the-section-element>section</a></code> elements and
+   the <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> elements imply thematic changes themselves.</p>
+
+  </div>
+
   <div class=example>
 
    <p>The following extract from <cite>Pandora's Star</cite> by Peter

diff --git a/index b/index
@@ -16051,6 +16051,53 @@ To move the error from the markup to the rhyming.&lt;/p&gt;</pre>
   a story, or a transition to another topic within a section of a
   reference book.</p>
 
+  <div class=example>
+
+   <p>The following fictional extract from a project manual shows two
+   sections that use the <code><a href=#the-hr-element>hr</a></code> element to separate topics
+   within the section.</p>
+
+   <pre>&lt;section&gt;
+ &lt;h1&gt;Communication&lt;/h1&gt;
+ &lt;p&gt;There are various methods of communication. This section
+ covers a few of the important ones used by the project.&lt;/p&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Communication stones seem to come in pairs and have mysterious
+ properties:&lt;/p&gt;
+ &lt;ul&gt;
+  &lt;li&gt;They can transfer thoughts in two directions once activated
+  if used alone.&lt;/li&gt;
+  &lt;li&gt;If used with another device, they can transfer one's
+  consciousness to another body.&lt;/li&gt;
+  &lt;li&gt;If both stones are used with another device, the
+  consciousnesses switch bodies.&lt;/li&gt;
+ &lt;/ul&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Radios use the electromagnetic spectrum in the meter range and
+ longer.&lt;/p&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Signal flares use the electromagnetic spectrum in the
+ nanometer range.&lt;/p&gt;
+&lt;/section&gt;
+&lt;section&gt;
+ &lt;h1&gt;Food&lt;/h1&gt;
+ &lt;p&gt;All food at the project is rationed:&lt;/p&gt;
+ &lt;dl&gt;
+  &lt;dt&gt;Potatoes&lt;/dt&gt;
+  &lt;dd&gt;Two per day&lt;/dd&gt;
+  &lt;dt&gt;Soup&lt;/dt&gt;
+  &lt;dd&gt;One bowl per day&lt;/dd&gt;
+ &lt;/dl&gt;
+ <strong>&lt;hr&gt;</strong>
+ &lt;p&gt;Cooking is done by the chefs on a set rotation.&lt;/p&gt;
+&lt;/section&gt;</pre>
+
+   <p>There is no need for an <code><a href=#the-hr-element>hr</a></code> element between the
+   sections themselves, since the <code><a href=#the-section-element>section</a></code> elements and
+   the <code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> elements imply thematic changes themselves.</p>
+
+  </div>
+
   <div class=example>
 
    <p>The following extract from <cite>Pandora's Star</cite> by Peter

diff --git a/source b/source
@@ -17060,6 +17060,53 @@ To move the error from the markup to the rhyming.&lt;/p&gt;</pre>
   a story, or a transition to another topic within a section of a
   reference book.</p>
 
+  <div class="example">
+
+   <p>The following fictional extract from a project manual shows two
+   sections that use the <code>hr</code> element to separate topics
+   within the section.</p>
+
+   <pre>&lt;section>
+ &lt;h1>Communication&lt;/h1>
+ &lt;p>There are various methods of communication. This section
+ covers a few of the important ones used by the project.&lt;/p>
+ <strong>&lt;hr></strong>
+ &lt;p>Communication stones seem to come in pairs and have mysterious
+ properties:&lt;/p>
+ &lt;ul>
+  &lt;li>They can transfer thoughts in two directions once activated
+  if used alone.&lt;/li>
+  &lt;li>If used with another device, they can transfer one's
+  consciousness to another body.&lt;/li>
+  &lt;li>If both stones are used with another device, the
+  consciousnesses switch bodies.&lt;/li>
+ &lt;/ul>
+ <strong>&lt;hr></strong>
+ &lt;p>Radios use the electromagnetic spectrum in the meter range and
+ longer.&lt;/p>
+ <strong>&lt;hr></strong>
+ &lt;p>Signal flares use the electromagnetic spectrum in the
+ nanometer range.&lt;/p>
+&lt;/section>
+&lt;section>
+ &lt;h1>Food&lt;/h1>
+ &lt;p>All food at the project is rationed:&lt;/p>
+ &lt;dl>
+  &lt;dt>Potatoes&lt;/dt>
+  &lt;dd>Two per day&lt;/dd>
+  &lt;dt>Soup&lt;/dt>
+  &lt;dd>One bowl per day&lt;/dd>
+ &lt;/dl>
+ <strong>&lt;hr></strong>
+ &lt;p>Cooking is done by the chefs on a set rotation.&lt;/p>
+&lt;/section></pre>
+
+   <p>There is no need for an <code>hr</code> element between the
+   sections themselves, since the <code>section</code> elements and
+   the <code>h1</code> elements imply thematic changes themselves.</p>
+
+  </div>
+
   <div class="example">
 
    <p>The following extract from <cite>Pandora's Star</cite> by Peter