[e] (0) <small> examples (credit: bl)

git-svn-id: http://svn.whatwg.org/webapps@2796 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Feb 12, 2009 · 7b8a317 · 7b8a317
1 parent 5ae073e
commit 7b8a317
Show file tree

Hide file tree

Showing 2 changed files with 92 additions and 42 deletions.
diff --git a/index b/index
@@ -13076,14 +13076,39 @@ ten meters.&lt;/strong&gt;&lt;/strong&gt; You have been warned.&lt;/p&gt;</pre>
  &lt;p&gt;&lt;small&gt;&copy; copyright 2038 Example Corp.&lt;/small&gt;&lt;/p&gt;
 &lt;/footer&gt;</pre>
 
+  </div>
+
+  <div class=example>
+
    <p>In this second example, the <code><a href=#the-small-element>small</a></code> element is used
-   for a side comment.</p>
+   for a side comment in an article.</p>
 
    <pre>&lt;p&gt;Example Corp today announced record profits for the
 second quarter &lt;small&gt;(Full Disclosure: Foo News is a subsidiary of
 Example Corp)&lt;/small&gt;, leading to speculation about a third quarter
 merger with Demo Group.&lt;/p&gt;</pre>
 
+   <p>This is distinct from a sidebar, which might be multiple
+   paragraphs long and is removed from the main flow of text. In the
+   following example, we see a sidebar from the same article. This
+   sidebar also has small print, indicating the source of the
+   information in the sidebar.</p>
+
+   <pre>&lt;aside&gt;
+ &lt;h1&gt;Example Corp&lt;/h1&gt;
+ &lt;p&gt;This company mostly creates small software and Web
+ sites.&lt;/p&gt;
+ &lt;p&gt;The Example Corp company mission is "To provide entertainment
+ and news on a sample basis".&lt;/p&gt;
+ &lt;p&gt;&lt;small&gt;Information obtained from &lt;a
+ href="http://example.com/about.html"&gt;example.com&lt;/a&gt; home
+ page.&lt;/small&gt;&lt;/p&gt;
+&lt;/aside&gt;</pre>
+
+  </div>
+
+  <div class=example>
+
    <p>In this last example, the <code><a href=#the-small-element>small</a></code> element is marked
    as being <em>important</em> small print.</p>
 
@@ -58774,26 +58799,26 @@ interface <dfn id=timeouthandler>TimeoutHandler</dfn> {
   Benjamin Hawkes-Lewis, Bert Bos, Bijan Parsia, Bill Mason, Billy
   Wong, Bjoern Hoehrmann, Boris Zbarsky, Brad Fults, Brad Neuberg,
   Brady Eidson, Brendan Eich, Brett Wilson, Brian Campbell, Brian
-  Smith, Bruce Miller, Cameron McCormack, Cao Yipeng, Carlos
-  Perell&oacute; Mar&iacute;n, Chao Cai, &#50980;&#49437;&#52268;
-  (Channy Yun), Charl van Niekerk, Charles Iliya Krempeaux, Charles
-  McCathieNevile, Christian Biesinger, Christian Johansen, Christian
-  Schmidt, Chriswa, Cole Robison, Colin Fine, Collin Jackson, Daniel
-  Barclay, Daniel Brumbaugh Keeney, Daniel Glazman, Daniel Peng,
-  Daniel Sp&aring;ng, Daniel Steinberg, Danny Sullivan, Darin Adler,
-  Darin Fisher, Dave Camp, Dave Singer, Dave Townsend<!-- Mossop on
-  moz irc -->, David Baron, David Bloom, David Carlisle, David
-  Flanagan, David H&aring;s&auml;ther, David Hyatt, David Smith, David
-  Woolley, Dean Edridge, Debi Orton, Derek Featherstone, DeWitt
-  Clinton, Dimitri Glazkov, dolphinling, Doron Rosenberg, Doug Kramer,
-  Edward O'Connor, Edward Z. Yang, Eira Monstad, Elliotte Harold, Eric
-  Carlson, Eric Law, Erik Arvidsson, Evan Martin, Evan Prodromou,
-  fantasai, Felix Sasaki, Franck 'Shift' Qu&eacute;lain, Garrett
-  Smith, Geoffrey Garen, Geoffrey Sneddon, George Lund, H&aring;kon
-  Wium Lie, Hans S. T&oslash;mmerhalt, Henri Sivonen, Henrik Lied,
-  Henry Mason, Hugh Winkler, Ignacio Javier, Ivo Emanuel
-  Gon&ccedil;alves, J. King, Jacques Distler, James Craig, James
-  Graham, James Justin Harrell, James M Snell, James Perrett,
+  Smith, Bruce Lawson, Bruce Miller, Cameron McCormack, Cao Yipeng,
+  Carlos Perell&oacute; Mar&iacute;n, Chao Cai,
+  &#50980;&#49437;&#52268; (Channy Yun), Charl van Niekerk, Charles
+  Iliya Krempeaux, Charles McCathieNevile, Christian Biesinger,
+  Christian Johansen, Christian Schmidt, Chriswa, Cole Robison, Colin
+  Fine, Collin Jackson, Daniel Barclay, Daniel Brumbaugh Keeney,
+  Daniel Glazman, Daniel Peng, Daniel Sp&aring;ng, Daniel Steinberg,
+  Danny Sullivan, Darin Adler, Darin Fisher, Dave Camp, Dave Singer,
+  Dave Townsend<!-- Mossop on moz irc -->, David Baron, David Bloom,
+  David Carlisle, David Flanagan, David H&aring;s&auml;ther, David
+  Hyatt, David Smith, David Woolley, Dean Edridge, Debi Orton, Derek
+  Featherstone, DeWitt Clinton, Dimitri Glazkov, dolphinling, Doron
+  Rosenberg, Doug Kramer, Edward O'Connor, Edward Z. Yang, Eira
+  Monstad, Elliotte Harold, Eric Carlson, Eric Law, Erik Arvidsson,
+  Evan Martin, Evan Prodromou, fantasai, Felix Sasaki, Franck 'Shift'
+  Qu&eacute;lain, Garrett Smith, Geoffrey Garen, Geoffrey Sneddon,
+  George Lund, H&aring;kon Wium Lie, Hans S. T&oslash;mmerhalt, Henri
+  Sivonen, Henrik Lied, Henry Mason, Hugh Winkler, Ignacio Javier, Ivo
+  Emanuel Gon&ccedil;alves, J. King, Jacques Distler, James Craig,
+  James Graham, James Justin Harrell, James M Snell, James Perrett,
   Jan-Klaas Kollhof, Jason White, Jasper Bryant-Greene, Jed Hartman,
   Jeff Cutsinger, Jeff Schiller, Jeff Walden, Jens Bannmann, Jens
   Fendler, Jeroen van der Meer, Jim Jewett, Jim Meehan, Joe Clark,

diff --git a/source b/source
@@ -13884,14 +13884,39 @@ ten meters.&lt;/strong>&lt;/strong> You have been warned.&lt;/p></pre>
  &lt;p>&lt;small>&copy; copyright 2038 Example Corp.&lt;/small>&lt;/p>
 &lt;/footer></pre>
 
+  </div>
+
+  <div class="example">
+
    <p>In this second example, the <code>small</code> element is used
-   for a side comment.</p>
+   for a side comment in an article.</p>
 
    <pre>&lt;p>Example Corp today announced record profits for the
 second quarter &lt;small>(Full Disclosure: Foo News is a subsidiary of
 Example Corp)&lt;/small>, leading to speculation about a third quarter
 merger with Demo Group.&lt;/p></pre>
 
+   <p>This is distinct from a sidebar, which might be multiple
+   paragraphs long and is removed from the main flow of text. In the
+   following example, we see a sidebar from the same article. This
+   sidebar also has small print, indicating the source of the
+   information in the sidebar.</p>
+
+   <pre>&lt;aside>
+ &lt;h1>Example Corp&lt;/h1>
+ &lt;p>This company mostly creates small software and Web
+ sites.&lt;/p>
+ &lt;p>The Example Corp company mission is "To provide entertainment
+ and news on a sample basis".&lt;/p>
+ &lt;p>&lt;small>Information obtained from &lt;a
+ href="http://example.com/about.html">example.com&lt;/a> home
+ page.&lt;/small>&lt;/p>
+&lt;/aside></pre>
+
+  </div>
+
+  <div class="example">
+
    <p>In this last example, the <code>small</code> element is marked
    as being <em>important</em> small print.</p>
 
@@ -64492,26 +64517,26 @@ interface <dfn>TimeoutHandler</dfn> {
   Benjamin Hawkes-Lewis, Bert Bos, Bijan Parsia, Bill Mason, Billy
   Wong, Bjoern Hoehrmann, Boris Zbarsky, Brad Fults, Brad Neuberg,
   Brady Eidson, Brendan Eich, Brett Wilson, Brian Campbell, Brian
-  Smith, Bruce Miller, Cameron McCormack, Cao Yipeng, Carlos
-  Perell&oacute; Mar&iacute;n, Chao Cai, &#xc724;&#xc11d;&#xcc2c;
-  (Channy Yun), Charl van Niekerk, Charles Iliya Krempeaux, Charles
-  McCathieNevile, Christian Biesinger, Christian Johansen, Christian
-  Schmidt, Chriswa, Cole Robison, Colin Fine, Collin Jackson, Daniel
-  Barclay, Daniel Brumbaugh Keeney, Daniel Glazman, Daniel Peng,
-  Daniel Sp&aring;ng, Daniel Steinberg, Danny Sullivan, Darin Adler,
-  Darin Fisher, Dave Camp, Dave Singer, Dave Townsend<!-- Mossop on
-  moz irc -->, David Baron, David Bloom, David Carlisle, David
-  Flanagan, David H&aring;s&auml;ther, David Hyatt, David Smith, David
-  Woolley, Dean Edridge, Debi Orton, Derek Featherstone, DeWitt
-  Clinton, Dimitri Glazkov, dolphinling, Doron Rosenberg, Doug Kramer,
-  Edward O'Connor, Edward Z. Yang, Eira Monstad, Elliotte Harold, Eric
-  Carlson, Eric Law, Erik Arvidsson, Evan Martin, Evan Prodromou,
-  fantasai, Felix Sasaki, Franck 'Shift' Qu&eacute;lain, Garrett
-  Smith, Geoffrey Garen, Geoffrey Sneddon, George Lund, H&aring;kon
-  Wium Lie, Hans S. T&oslash;mmerhalt, Henri Sivonen, Henrik Lied,
-  Henry Mason, Hugh Winkler, Ignacio Javier, Ivo Emanuel
-  Gon&ccedil;alves, J. King, Jacques Distler, James Craig, James
-  Graham, James Justin Harrell, James M Snell, James Perrett,
+  Smith, Bruce Lawson, Bruce Miller, Cameron McCormack, Cao Yipeng,
+  Carlos Perell&oacute; Mar&iacute;n, Chao Cai,
+  &#xc724;&#xc11d;&#xcc2c; (Channy Yun), Charl van Niekerk, Charles
+  Iliya Krempeaux, Charles McCathieNevile, Christian Biesinger,
+  Christian Johansen, Christian Schmidt, Chriswa, Cole Robison, Colin
+  Fine, Collin Jackson, Daniel Barclay, Daniel Brumbaugh Keeney,
+  Daniel Glazman, Daniel Peng, Daniel Sp&aring;ng, Daniel Steinberg,
+  Danny Sullivan, Darin Adler, Darin Fisher, Dave Camp, Dave Singer,
+  Dave Townsend<!-- Mossop on moz irc -->, David Baron, David Bloom,
+  David Carlisle, David Flanagan, David H&aring;s&auml;ther, David
+  Hyatt, David Smith, David Woolley, Dean Edridge, Debi Orton, Derek
+  Featherstone, DeWitt Clinton, Dimitri Glazkov, dolphinling, Doron
+  Rosenberg, Doug Kramer, Edward O'Connor, Edward Z. Yang, Eira
+  Monstad, Elliotte Harold, Eric Carlson, Eric Law, Erik Arvidsson,
+  Evan Martin, Evan Prodromou, fantasai, Felix Sasaki, Franck 'Shift'
+  Qu&eacute;lain, Garrett Smith, Geoffrey Garen, Geoffrey Sneddon,
+  George Lund, H&aring;kon Wium Lie, Hans S. T&oslash;mmerhalt, Henri
+  Sivonen, Henrik Lied, Henry Mason, Hugh Winkler, Ignacio Javier, Ivo
+  Emanuel Gon&ccedil;alves, J. King, Jacques Distler, James Craig,
+  James Graham, James Justin Harrell, James M Snell, James Perrett,
   Jan-Klaas Kollhof, Jason White, Jasper Bryant-Greene, Jed Hartman,
   Jeff Cutsinger, Jeff Schiller, Jeff Walden, Jens Bannmann, Jens
   Fendler, Jeroen van der Meer, Jim Jewett, Jim Meehan, Joe Clark,