---
title: <q>
slug: Web/HTML/Element/q
tags:
  - Elemento
  - HTML
  - Referência(2)
  - Semântica(2)
  - Web
translation_of: Web/HTML/Element/q
---
<div>{{HTMLRef}}</div>

<div>O elemento HTML &lt;q&gt; indica que o texto dentro da tag é uma pequena citação. Este elemento destina-se a citações curtas que não requerem marcações de parágrafo; para citações maiores use o elemento {{HTMLElement("blockquote")}}.</div>

<div> </div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categorias de conteúdo</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Fluxo de conteúdo</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">conteúdo textual</a>, conteúdo palpável.</td>
  </tr>
  <tr>
   <th scope="row">Conteúdo permitido</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Conteúdo textual</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissão de tag</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Parents permitidos</th>
   <td>Qualquer elemento que aceite <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">conteúdo textual</a>.</td>
  </tr>
  <tr>
   <th scope="row">Atributos ARIA permitidos</th>
   <td>Qualquer</td>
  </tr>
  <tr>
   <th scope="row">Interface DOM</th>
   <td>{{domxref("HTMLQuoteElement")}}</td>
  </tr>
 </tbody>
</table>

<div class="note">
<p><strong>Nota:</strong> A maioria dos browsers modernos adicionará automaticamente marcas de citação em volta do texto dentro de um elemento <code>&lt;q&gt;</code>. Talvez seja necessário criar uma regra de estilo para adicionar marcas de citação em browsers antigos.</p>
</div>

<h2 id="Atributos">Atributos</h2>

<p>Este elemento inclui os <a href="/en-US/docs/HTML/Global_attributes">atributos globais</a>.</p>

<dl>
 <dt>{{htmlattrdef("cite")}}</dt>
 <dd>O valor deste atributo é uma URL que designa uma fonte ou mensagem para a informação citada. A intenção deste atributo é indicar a informação e explicar o contexto ou referência para a citação.</dd>
</dl>

<h2 id="Exemplo">Exemplo</h2>

<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>

<pre class="brush: html">&lt;p&gt;According to Mozilla's website,
  &lt;q
  cite="https://www.mozilla.org/en-US/about/history/details/"&gt;Firefox 1.0
  was released in 2004 and became a big success.&lt;/q&gt;&lt;/p&gt;
</pre>

<p>{{ EmbedLiveSample('Example') }}</p>

<h2 id="Especificações">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificação</th>
   <th scope="col">Status</th>
   <th scope="col">Comentário</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-q-element', '&lt;q&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-q-element', '&lt;q&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;q&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Definição inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2>

<div>


<p>{{Compat("html.elements.q")}}</p>
</div>

<p> </p>

<h2 id="Veja_também">Veja também</h2>

<ul>
 <li>O elemento {{HTMLElement("blockquote")}} para longas citações.</li>
 <li>O elemento {{HTMLElement("cite")}} para citar fontes.</li>
</ul>