[html5] r7673 - [e] (0) Elaborate on example description Affected topics: HTML

[whatwg at whatwg.org]

Author: ianh
Date: 2013-01-30 15:02:17 -0800 (Wed, 30 Jan 2013)
New Revision: 7673

Modified:
   complete.html
   index
   source
Log:
[e] (0) Elaborate on example description
Affected topics: HTML

Modified: complete.html
===================================================================
--- complete.html	2013-01-30 20:48:21 UTC (rev 7672)
+++ complete.html	2013-01-30 23:02:17 UTC (rev 7673)
@@ -21421,11 +21421,16 @@
    inline:</p>
    <pre><p>The computer said <samp>Too much cheese in tray
 two</samp> but I didn't know what that meant.</p></pre>
+  </div>
 
+  <div class=example>
    <p>This second example shows a block of sample output. Nested
    <code><a href=#the-samp-element>samp</a></code> and <code><a href=#the-kbd-element>kbd</a></code> elements allow for the
    styling of specific elements of the sample output using a
-   style sheet.</p>
+   style sheet. There's also a few parts of the <code><a href=#the-samp-element>samp</a></code>
+   that are annotated with even more detailed markup, to enable
+   very precise styling. To achieve this, <code><a href=#the-span-element>span</a></code> elements
+   are used.</p>
 
    <pre><pre><samp><span class="prompt">jdoe at mowmow:~$</span> <kbd>ssh demo.example.com</kbd>
 Last login: Tue Apr 12 09:10:17 2005 from mowmow.example.com on pts/1

Modified: index
===================================================================
--- index	2013-01-30 20:48:21 UTC (rev 7672)
+++ index	2013-01-30 23:02:17 UTC (rev 7673)
@@ -21421,11 +21421,16 @@
    inline:</p>
    <pre><p>The computer said <samp>Too much cheese in tray
 two</samp> but I didn't know what that meant.</p></pre>
+  </div>
 
+  <div class=example>
    <p>This second example shows a block of sample output. Nested
    <code><a href=#the-samp-element>samp</a></code> and <code><a href=#the-kbd-element>kbd</a></code> elements allow for the
    styling of specific elements of the sample output using a
-   style sheet.</p>
+   style sheet. There's also a few parts of the <code><a href=#the-samp-element>samp</a></code>
+   that are annotated with even more detailed markup, to enable
+   very precise styling. To achieve this, <code><a href=#the-span-element>span</a></code> elements
+   are used.</p>
 
    <pre><pre><samp><span class="prompt">jdoe at mowmow:~$</span> <kbd>ssh demo.example.com</kbd>
 Last login: Tue Apr 12 09:10:17 2005 from mowmow.example.com on pts/1

Modified: source
===================================================================
--- source	2013-01-30 20:48:21 UTC (rev 7672)
+++ source	2013-01-30 23:02:17 UTC (rev 7673)
@@ -22661,11 +22661,16 @@
    inline:</p>
    <pre><p>The computer said <samp>Too much cheese in tray
 two</samp> but I didn't know what that meant.</p></pre>
+  </div>
 
+  <div class="example">
    <p>This second example shows a block of sample output. Nested
    <code>samp</code> and <code>kbd</code> elements allow for the
    styling of specific elements of the sample output using a
-   style sheet.</p>
+   style sheet. There's also a few parts of the <code>samp</code>
+   that are annotated with even more detailed markup, to enable
+   very precise styling. To achieve this, <code>span</code> elements
+   are used.</p>
 
    <pre><pre><samp><span class="prompt">jdoe at mowmow:~$</span> <kbd>ssh demo.example.com</kbd>
 Last login: Tue Apr 12 09:10:17 2005 from mowmow.example.com on pts/1