Permalink
Browse files

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

git-svn-id: http://svn.whatwg.org/webapps@2796 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 5ae073e commit 7b8a31760c3a2831332e3868e0496726ba459aac @Hixie Hixie committed Feb 12, 2009
Showing with 92 additions and 42 deletions.
  1. +46 −21 index
  2. +46 −21 source
View
67 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,
View
67 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,

0 comments on commit 7b8a317

Please sign in to comment.