mozilla

Revision 293168 of summary

  • Revision slug: HTML/Element/summary
  • Revision title: summary
  • Revision id: 293168
  • Created:
  • Creator: LeonardoPacheco
  • Is current revision? No
  • Comment

Revision Content

{{ HTMLVersionHeader(5) }}

Sumário

O elemento HTML summary (<summary>) é utilizado como um sumário ou legenda para o conteúdo de um elemento {{ HTMLElement("details") }}.

Nota: Se o elemento <summary> for omitido, o cabeçalho "details" será utilizado.

Contexto de uso

Conteúdo permitido Phrasing content
Omissão de tag Nenhuma, tanto as tags iniciais quanto as finais devem estar presentes.
Elementos pai permitidos O elemento {{ HTMLElement("details") }}.
Documentos normativos HTML5, section 4.11.2

Atributos

Como todos os outros elementos HTML, esse elemento possui os global attributes.

Interface do DOM

Esse elemento implementa a interface HTMLElement.

Exemplos

Veja a página {{ HTMLElement("details") }} para ver exemplos com <summary>.

Compatibilidade dos Navegadores

{{ CompatibilityTable() }}

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte Básico 12 {{ CompatNo() }} {{ bug(591737) }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte Básico 4.0 {{ CompatNo() }} {{ bug(591737) }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Veja também

  • {{ HTMLElement("details") }}
{{ languages({ "en": "en/HTML/Element/summary", "ja": "ja/HTML/Element/summary" }) }}

Revision Source

<div>
  {{ HTMLVersionHeader(5) }}</div>
<h2 id="Sum.C3.A1rio">Sumário</h2>
<p>O elemento HTML <em>summary</em> (<code>&lt;summary&gt;</code>) é utilizado como um sumário ou legenda para o conteúdo de um elemento {{ HTMLElement("details") }}.</p>
<div class="note">
  <strong>Nota:</strong> Se o elemento <code>&lt;summary&gt;</code> for omitido, o cabeçalho "details" será utilizado.</div>
<h2 id="Contexto_de_uso">Contexto de uso</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Conteúdo permitido</td>
      <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a></td>
    </tr>
    <tr>
      <td>Omissão de tag</td>
      <td>Nenhuma, tanto as tags iniciais quanto as finais devem estar presentes.</td>
    </tr>
    <tr>
      <td>Elementos pai permitidos</td>
      <td>O elemento {{ HTMLElement("details") }}.</td>
    </tr>
    <tr>
      <td>Documentos normativos</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-summary-element" rel="external nofollow" target="_blank" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-summary-element">HTML5, section 4.11.2</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Atributos">Atributos</h2>
<p>Como todos os outros elementos HTML, esse elemento possui os <a href="/en/HTML/Global_attributes" rel="internal">global attributes</a>.</p>
<h2 id="Interface_do_DOM">Interface do DOM</h2>
<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
<h2 id="Exemplos">Exemplos</h2>
<p>Veja a página {{ HTMLElement("details") }} para ver exemplos com &lt;summary&gt;.</p>
<h2 id="Compatibilidade_dos_Navegadores">Compatibilidade dos Navegadores</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Recurso</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Suporte Básico</td>
        <td>12</td>
        <td>{{ CompatNo() }} {{ bug(591737) }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Recurso</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Suporte Básico</td>
        <td>4.0</td>
        <td>{{ CompatNo() }} {{ bug(591737) }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Veja_tamb.C3.A9m">Veja também</h2>
<ul>
  <li>{{ HTMLElement("details") }}</li>
</ul>
<div class="noinclude">
  {{ languages({ "en": "en/HTML/Element/summary", "ja": "ja/HTML/Element/summary" }) }}</div>
Revert to this revision