mozilla

Revision 493675 of <samp>

  • Revision slug: Web/HTML/Element/samp
  • Revision title: <samp>
  • Revision id: 493675
  • Created:
  • Creator: kscarfone
  • Is current revision? No
  • Comment Changed {{HTML:Element-Navigation}} to {{HTMLRef}}

Revision Content

Summary

The HTML <samp> element is an inline element intended to identify sample output from a computer program. It is usually displayed in the browser's default monotype font (such as Lucida Console).

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.
Normative document HTML5, section 4.6.13; HTML 4.01, section 9.2.1

Attributes

This element only includes 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

<p>Regular text. <samp>This is sample text.</samp> Regular text.</p>

Note

A CSS rule can be defined for the samp selector to override the browser's default font face. Preferences set by the user might take precedence over the specified CSS.

See also

{{ languages({ "ja": "ja/HTML/Element/samp", "pl": "pl/HTML/Element/samp"}) }}

{{ HTMLRef }}

Revision Source

<h2 id="Summary">Summary</h2>
<p>The HTML <span style="font-family: Courier New;">&lt;samp&gt;</span> element is an inline element intended to identify sample output from a computer program. It is usually displayed in the browser's default monotype font (such as Lucida Console).</p>
<h2 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>.</td>
  </tr>
  <tr>
   <td>Normative document</td>
   <td><a class="external" href="http://www.w3.org/TR/html5/text-level-semantics.html#the-samp-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-samp-elementt">HTML5, section 4.6.13</a>; <a class="external" href="http://www.w3.org/TR/html401/struct/text.html#h-9.2.1" title=" title=">HTML 4.01, section 9.2.1</a></td>
  </tr>
 </tbody>
</table>
<h2 id="Attributes">Attributes</h2>
<p><span style="line-height: 21px;">This element only includes the&nbsp;</span><a href="https://developer.mozilla.org/en-US/docs/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">DOM Interface</h2>
<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>
<h2 id="Example">Example</h2>
<pre class="brush: html">
&lt;p&gt;Regular text. &lt;samp&gt;This is sample text.&lt;/samp&gt; Regular text.&lt;/p&gt;
</pre>
<h2 id="Note">Note</h2>
<p>A CSS rule can be defined for the <code>samp</code> selector to override the browser's default font face. Preferences set by the user might take precedence over the specified CSS.</p>
<h2 id="See_also">See also</h2>
<ul>
 <li><a href="/en/HTML/Element/code" title="en/HTML/Element/code">HTML Code Element</a></li>
 <li>HTML 4.01 Specification: <a class="external" href="http://www.w3.org/TR/html4/struct/text.html#h-9.2.1">Phrase Elements</a></li>
</ul>
<p>{{ languages({ "ja": "ja/HTML/Element/samp", "pl": "pl/HTML/Element/samp"}) }}</p>
<div>
 {{ HTMLRef }}</div>
Revert to this revision