Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 624929 of <span>

  • Slug da revisão: Web/HTML/Element/span
  • Título da revisão: <span>
  • ID da revisão: 624929
  • Criado:
  • Criador: teoli
  • É a revisão atual? Sim
  • Comentar HTML/Element/span Web/HTML/Element/span

Conteúdo da revisão

Resumo

O elemento HTML <span> é um conteiner generico em linha para conteúdo fraseado , que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos class ou id ), ou para compartilhar valores de atributos como lang. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. <span> é muito parecido com o elemento {{HTMLElement("div")}} , entretando  {{HTMLElement("div")}} é um elemento de nível de bloco enquanto <span> é um elemento em linha.

Contexto de Uso

Categorias de conteúdo Flow content, phrasing content
Conteúdo permitido Phrasing content
Omissão de Tag  Nenhum, deve ter tanto tag de início quanto tag final.
Elementos pai permitidos Qualquer elemento que aceite phrasing content, ou flow content.
Padrões de documento HTML5, section 4.6.24; HTML 4.01, section 7.5.4

Atributos

Esse elemento inlcui apenas os  atributos globais.

DOM interface

Este elemento implementa a interface HTMLSpanElement.

Exemplos

<p><span>Some text</span></p>

Resultado

Some text

Veja também

  • HTML {{HTMLElement("div")}} element
{{HTML:Element_Navigation}}

Fonte da revisão

<h2 id="Summary" name="Summary">Resumo</h2>
<p>O elemento&nbsp;<strong>HTML <code>&lt;span&gt;</code>&nbsp;é um conteiner generico em linha para conteúdo fraseado </strong>, que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos&nbsp;<code>class</code> ou&nbsp;<code>id</code>&nbsp;), ou para compartilhar valores de atributos como <code>lang</code>. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. <code>&lt;span&gt;</code>&nbsp;é muito parecido com o elemento {{HTMLElement("div")}} , entretando &nbsp;{{HTMLElement("div")}} é um elemento de nível de bloco enquanto <code>&lt;span&gt;</code>&nbsp;é um elemento em linha.</p>
<h2 id="Usage_context" name="Usage_context">Contexto de Uso</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Categorias de conteúdo</td>
      <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a></td>
    </tr>
    <tr>
      <td>Conteúdo permitido</td>
      <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a></td>
    </tr>
    <tr>
      <td>Omissão de Tag&nbsp;</td>
      <td>Nenhum, deve ter tanto tag de início quanto tag final.</td>
    </tr>
    <tr>
      <td>Elementos pai permitidos</td>
      <td>Qualquer elemento que aceite <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, ou&nbsp;<a href="/en-US/docs/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td>
    </tr>
    <tr>
      <td>Padrões de documento</td>
      <td><a class="external" href="https://www.w3.org/TR/html5/text-level-semantics.html#the-span-element" title="https://www.w3.org/TR/html5/text-level-semantics.html#the-span-element&quot;">HTML5, section 4.6.24</a>; <a class="external" href="https://www.w3.org/TR/html401/struct/global.html#edef-SPAN" title="https://www.w3.org/TR/html401/struct/global.html#edef-SPAN">HTML 4.01, section 7.5.4</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Attributes" name="Attributes">Atributos</h2>
<p><span style="line-height: 21px;">Esse elemento inlcui apenas os &nbsp;</span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">a</a><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">tributos globais</a><span style="line-height: 21px;">.</span></p>
<h2 id="DOM_interface" name="DOM_interface">DOM interface</h2>
<p>Este elemento implementa a interface&nbsp;<code><a href="/en-US/docs/HTMLSpanElement" title="HTMLSpanElement">HTMLSpanElement</a></code>.</p>
<h2 id="Examples" name="Examples">Exemplos</h2>
<pre class="brush:html;gutter:false">
&lt;p&gt;&lt;span&gt;Some text&lt;/span&gt;&lt;/p&gt;</pre>
<h3 id="Result" name="Result">Resultado</h3>
<p><span>Some text</span></p>
<h2 id="See_also" name="See_also">Veja também</h2>
<ul>
  <li>HTML {{HTMLElement("div")}} element</li>
</ul>
<div>
  {{HTML:Element_Navigation}}</div>
Reverter para esta revisão