<small>

  • Revision slug: Web/HTML/Element/small
  • Revision title: <small>
  • Revision id: 428753
  • Created:
  • Creator: tregagnon
  • Is current revision? No
  • Comment

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.  In HTML5, this element is repurposed to represent side-comments and small print, including copyright and legal text, independent of its styled presentation.

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.

Attributes

This element only includes the global attributes.

DOM Interface

This element implements the {{domxref("HTMLElement")}} interface.

Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.

Examples

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.

Specifications

Spécification Statut Commentaires
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-small-element', '<small>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', '/present/graphics.html#edef-SMALL', '<small>')}} {{Spec2('HTML4.01')}}  

Notes

Although the <small> element, like the <b> and <i> elements, may be perceived to violate the principle of separation between structure and presentation, all three are valid in HTML5. Authors are encouraged to use their best judgement when determining whether to use <small> or CSS.

See also

  • {{ HTMLElement("b") }}
  • {{ HTMLElement("font") }}
  • {{ HTMLElement("style") }}
  • HTML 4.01 Specification: Font Styles
{{ HTML:Element_Navigation() }}

Revision Source

<h2 id="Summary">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.&nbsp; In HTML5, this element is repurposed to represent side-comments and small print, including copyright and legal text, independent of its styled presentation.</p>
<h2 class="editable" id="Usage_context">Usage context</h2>
<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></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></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>
  </tbody>
</table>
<h2 class="editable" id="Attributes">Attributes</h2>
<p><span style="line-height: 21px;">This element only includes the&nbsp;</span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">global attributes</a><span style="line-height: 21px;">.</span></p>
<h2 id="DOM_Interface" name="DOM_Interface">DOM Interface</h2>
<p>This element implements the {{domxref("HTMLElement")}} interface.</p>
<div class="note">
  <p><strong>Implementation note: </strong>up to Gecko 1.9.2 inclusive, Firefox implements the {{domxref("HTMLSpanElement")}} interface for this element.</p>
</div>
<h2 id="Example_1" name="Example_1">Examples</h2>
<h3 id="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 id="Result" name="Result">Result</h4>
<p>This is the first sentence. <small>This whole sentence is in small letters.</small></p>
<h3 id="Example_2" name="Example_2">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 id="Result_2" 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>
<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-small-element', '&lt;small&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', '/present/graphics.html#edef-SMALL', '&lt;small&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Notes" name="Notes">Notes</h2>
<p>Although the <span style="font-family: Courier New;">&lt;small&gt;</span> element, like the <span style="font-family: Courier New;">&lt;b&gt;</span> and <span style="font-family: Courier New;">&lt;i&gt;</span> elements, may be perceived to violate the principle of separation between structure and presentation, all three are valid in HTML5. Authors are encouraged to use their best judgement when determining whether to use <span style="font-family: Courier New;">&lt;small&gt; </span>or CSS.</p>
<h2 id="See_also" name="See_also">See also</h2>
<ul>
  <li>{{ HTMLElement("b") }}</li>
  <li>{{ HTMLElement("font") }}</li>
  <li>{{ HTMLElement("style") }}</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>
<div>
  {{ HTML:Element_Navigation() }}</div>
Revert to this revision