MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 1860 of <small>

  • Revision slug: HTML/Element/small
  • Revision title: small
  • Revision id: 1860
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment 1 words added, 2 words removed

Revision Content

Summary

The HTML Small Element (<small>) makes the text font size one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.

Usage context

Content categories Flow content, phrasing content
Permitted content Phrasing content
Tag omission None, must have both a start tag and an end tag.
Permitted parent elements Any element that accepts phrasing content, or any element that accepts flow content.
Normative document HTML5, section 4.6.4; HTML 4.01, section 15.2.1

Attributes

Like all other HTML elements, this element supports the global attributes.

DOM Interface

This element implements the HTMLElement interface.

Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.

Example 1

<p>This is the first sentence.  <small>This whole sentence is in small letters.</small></p>

Result

This is the first sentence. This whole sentence is in small letters.

Example 2 (CSS alternative)

<p>This is the first sentence. <span style="font-size:0.8em">This whole sentence is in small letters.</span></p>

Result

This is the first sentence. This whole sentence is in small letters.

Notes

Although this element was not deprecated in the HTML 4.01 specification, its use is discouraged in favor of style sheets.

See also

{{ HTML:Element_Navigation() }}

{{ languages( { "pl": "pl/HTML/Element/small" } ) }}

Revision Source

<h2>Summary</h2>
<p>The HTML Small Element (<span style="font-family: Courier New;">&lt;small&gt;</span>) makes the text <em>font size</em> one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.</p>
<h3 class="editable">Usage context</h3>
<table class="standard-table"> <tbody> <tr> <td>Content categories</td> <td><a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">Flow content</a>, <a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">phrasing content</a><a href="/en/HTML/Content_categories#form-associated_content" title="en/HTML/Content categories#form-associated content"><br> </a></td> </tr> <tr> <td>Permitted content</td> <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a><a href="/en/HTML/Content_categories#form-associated_content" title="en/HTML/Content categories#form-associated content"><br> </a></td> </tr> <tr> <td>Tag omission</td> <td>None, must have both a start tag and an end tag.</td> </tr> <tr> <td>Permitted parent elements</td> <td>Any element that accepts <a href="/en/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Phrasing_content">phrasing content</a>, or any element that accepts <a href="/en/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Flow_content">flow content</a>.</td> </tr> <tr> <td>Normative document</td> <td><a class="external" href="http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element">HTML5, section 4.6.4</a>; <a class="external" href="http://www.w3.org/TR/html401/present/graphics.html#edef-SMALL" title="http://www.w3.org/TR/html401/present/graphics.html#edef-SMALL">HTML 4.01, section 15.2.1</a></td> </tr> </tbody>
</table>
<h3 class="editable">Attributes</h3>
<p>Like all other HTML elements, this element supports the <a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">global attributes</a>.</p>
<h3 class="editable">DOM Interface</h3>
<p>This element implements the <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code> interface.</p>
<div class="note">
<p><strong>Implementation note: </strong>up to Gecko 1.9.2 inclusive, Firefox implements the <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> interface for this element.</p>
</div>
<h3 name="Example_1">Example 1</h3>
<pre class="brush: html">&lt;p&gt;This is the first sentence.  &lt;small&gt;This whole sentence is in small letters.&lt;/small&gt;&lt;/p&gt;
</pre>
<h4 name="Result">Result</h4>
<p>This is the first sentence. <small>This whole sentence is in small letters.</small></p>
<h3 name="Example_2_.28CSS_alternative.29">Example 2 (CSS alternative)</h3>
<pre class="brush: html">&lt;p&gt;This is the first sentence. &lt;span style="font-size:0.8em"&gt;This whole sentence is in small letters.&lt;/span&gt;&lt;/p&gt;
</pre>
<h4 name="Result_2">Result</h4>
<p>This is the first sentence. <span style="font-size:0.8em">This whole sentence is in small letters.</span></p>
<h3 name="Notes">Notes</h3>
<p>Although this element was not deprecated in the HTML 4.01 specification, its use is discouraged in favor of style sheets.</p>
<h3 name="See_also">See also</h3>
<ul> <li><a href="/en/HTML/Element/big" title="en/HTML/Element/big">HTML Big Element</a></li> <li><a href="/en/HTML/Element/font" title="en/HTML/Element/font">HTML Font Element</a></li> <li><a href="/en/HTML/Element/style" title="en/HTML/Element/style">HTML Style Element</a></li> <li>HTML 4.01 Specification: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "pl": "pl/HTML/Element/small" } ) }}</p>
Revert to this revision