[html5] r1149 - /

[whatwg at whatwg.org]

Author: ianh
Date: 2007-12-12 01:41:16 -0800 (Wed, 12 Dec 2007)
New Revision: 1149

Modified:
   index
   source
Log:
[e] (0) Add examples for ledes.

Modified: index
===================================================================
--- index	2007-12-12 08:09:16 UTC (rev 1148)
+++ index	2007-12-12 09:41:16 UTC (rev 1149)
@@ -9500,12 +9500,12 @@
 front door.
 There is a small mailbox here.
 
-</samp> <kbd>open mailbox</kbd>
+></samp> <kbd>open mailbox</kbd>
 
 <samp>Opening the mailbox reveals:
 A leaflet.
 
-</samp>&lt/pre></pre>
+></samp>&lt/pre></pre>
   </div>
 
   <div class=example>
@@ -11802,7 +11802,9 @@
     them up as important:</p>
 
    <pre><p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.</p></pre>
+  </div>
 
+  <div class=example>
    <p>The following would be <em>incorrect</em> usage:</p>
 
    <pre><p><b>WARNING!</b> Do not frob the barbinator!</p></pre>
@@ -11810,7 +11812,9 @@
    <p>In the previous example, the correct element to use would have been
     <code><a href="#strong">strong</a></code>, not <code><a
     href="#b">b</a></code>.</p>
+  </div>
 
+  <div class=example>
    <p>In the following example, objects in a text adventure are highlighted
     as being special by use of the <code><a href="#b">b</a></code> element.</p>
 
@@ -11818,6 +11822,22 @@
 brighter. A <b>rat</b> scurries past the corner wall.</p></pre>
   </div>
 
+  <div class=example>
+   <p>Another case where the <code><a href="#b">b</a></code> element is
+    appropriate is in marking up the lede (or lead) sentence or paragraph.
+    The following example shows how a <a
+    href="http://news.bbc.co.uk/2/hi/uk_news/scotland/north_east/7101506.stm">BBC
+    article about kittens adopting a rabbit as their own</a> could be marked
+    up using HTML5 elements:</p>
+
+   <pre><h2>Kittens 'adopted' by pet rabbit</h2>
+<p><b>Six abandoned kittens have found an unexpected new
+mother figure — a pet rabbit.</b></p>
+<p>Veterinary nurse Melanie Humble took the three-week-old
+kittens to her Aberdeen home.</p>
+<i>[...]</i></pre>
+  </div>
+
   <p>The <code><a href="#b">b</a></code> element should be used as a last
    resort when no other element is more appropriate. In particular, headers
    should use the <code><a href="#h1">h1</a></code> to <code><a

Modified: source
===================================================================
--- source	2007-12-12 08:09:16 UTC (rev 1148)
+++ source	2007-12-12 09:41:16 UTC (rev 1149)
@@ -9778,10 +9778,16 @@
    <p>The following example shows a use of the <code>b</code> element
    to highlight key words without marking them up as important:</p>
    <pre><p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.</p></pre>
+  </div>
+
+  <div class="example">
    <p>The following would be <em>incorrect</em> usage:</p>
    <pre><p><b>WARNING!</b> Do not frob the barbinator!</p></pre>
    <p>In the previous example, the correct element to use would have
    been <code>strong</code>, not <code>b</code>.</p>
+  </div>
+
+  <div class="example">
    <p>In the following example, objects in a text adventure are
    highlighted as being special by use of the <code>b</code>
    element.</p>
@@ -9789,6 +9795,21 @@
 brighter. A <b>rat</b> scurries past the corner wall.</p></pre>
   </div>
 
+  <div class="example">
+   <p>Another case where the <code>b</code> element is appropriate is
+   in marking up the lede (or lead) sentence or paragraph. The
+   following example shows how a <a
+   href="http://news.bbc.co.uk/2/hi/uk_news/scotland/north_east/7101506.stm">BBC
+   article about kittens adopting a rabbit as their own</a> could be
+   marked up using HTML5 elements:</p>
+   <pre><h2>Kittens 'adopted' by pet rabbit</h2>
+<p><b>Six abandoned kittens have found an unexpected new
+mother figure — a pet rabbit.</b></p>
+<p>Veterinary nurse Melanie Humble took the three-week-old
+kittens to her Aberdeen home.</p>
+<i>[...]</i></pre>
+  </div>
+
   <p>The <code>b</code> element should be used as a last resort when
   no other element is more appropriate. In particular, headers should
   use the <code>h1</code> to <code>h6</code> elements, stress emphasis