---
title: <blockquote>
slug: Web/HTML/Element/blockquote
tags:
  - Elemento
  - HTML
  - MDN
  - Referencia
  - Web
  - blogger
  - português brasil
  - tag
translation_of: Web/HTML/Element/blockquote
---
<h2 id="Sumário">Sumário</h2>

<p><span id="result_box" lang="pt"><span class="hps">O</span> Elemento <span class="hps">HTML</span> <span class="hps">&lt;blockquote</span><span class="atn">&gt; (</span><span>ou</span> Elemento <span class="hps">HTML </span></span><span lang="pt">de citação de bloco<span>) indica que o</span> <span class="hps">texto incluído</span> <span class="hps">é uma</span> <span class="hps">longa citação</span><span>.</span> <span class="hps">Normalmente</span><span>, este</span> <span class="hps">é processado</span> <span class="hps">visualmente</span> <span class="hps">pelo</span> <span class="hps">recuo</span> <span class="hps">(ver <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/blockquote#Notes">Notas</a></span> <span class="hps">sobre como</span> <span class="hps">mudá-lo</span><span>)</span><span>.</span> <span class="hps">A</span> <span class="hps">URL</span> <span class="hps">para a</span> <span class="hps">fonte da citação</span> <span class="hps">pode ser dada</span> <span class="hps">usando o atributo</span> <strong><span class="hps">cite</span></strong><span>,</span> <span class="hps">enquanto</span> <span class="hps">uma representação de texto</span> <span class="hps">da fonte</span> <span class="hps">pode ser dada</span> <span class="hps">usando o</span> </span>{{HTMLElement("cite")}}<span lang="pt"> <span class="hps">elemento.</span></span></p>

<ul class="htmlelt">
 <li> </li>
 <li><dfn><a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categorias de conteúdo</a></dfn> <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Fluxo de conteúdo</a><span id="result_box" lang="pt"><span class="hps">,</span> <span class="hps">raiz</span> <span class="hps">selecionamento</span><span>,</span> <span class="hps">conteúdo</span> <span class="hps">palpável.</span></span></li>
 <li><dfn>Conteúdo permitido</dfn> <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Fluxo de conteúdo</a>.</li>
 <li><dfn>Tag Omissão</dfn> {{no_tag_omission}}</li>
 <li><dfn>Elementos permitidos</dfn>
  <div id="gt-src-tools">
  <div id="tts_button"><span class="short_text" id="result_box" lang="pt"><span class="hps">Qualquer elemento</span> <span class="hps">que aceita</span> <span class="hps">o <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">fluxo de conteúdo.</a></span></span></div>
  </div>
 </li>
 <li><dfn>Papéis ARIA permitidos</dfn>Qualquer</li>
 <li><dfn>Interface DOM</dfn> {{domxref("HTMLQuoteElement")}}</li>
</ul>

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

<p><span style="line-height: 21px;">Este elemento inclui os <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributos globais</a>.</span></p>

<dl>
 <dt>{{htmlattrdef("cite")}}</dt>
 <dd><span id="result_box" lang="pt"><span class="hps">Uma URL</span> <span class="hps">que designa</span> <span class="hps">um documento de origem</span> <span class="hps">ou mensagem para</span> <span class="hps">a informação</span> <span class="hps">citada</span><span>.</span> <span class="hps">Este atributo</span> <span class="hps">destina-se a</span> <span class="hps">apontar para</span> <span class="hps">informações explicando</span> <span class="hps">o contexto ou</span> <span class="hps">a referência para a</span> <span class="hps">cotação.</span></span></dd>
</dl>

<h2 id="Notas">Notas</h2>

<dl>
 <dd>
 <p>Para alterar o recuo de <code>&lt;blockquote&gt;</code>, use a propriedade <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("margin")}}.</p>

 <p>Para citações curtas, use o elemento {{HTMLElement("q")}}.</p>
 </dd>
</dl>

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

<pre class="brush: html  language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>blockquote</span> <span class="attr-name token">cite</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>http://developer.mozilla.org<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>
  <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>p</span><span class="punctuation token">&gt;</span></span>Esta é uma citação tirada da
  Mozilla Developer Center.<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>p</span><span class="punctuation token">&gt;</span></span>
<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>blockquote</span><span class="punctuation token">&gt;</span></span></code></pre>

<p><span id="result_box" lang="pt"><span class="hps">O código HTML acima vai resultar em:</span></span></p>

<blockquote cite="http://developer.mozilla.org">
<p><span id="result_box" lang="pt"><span class="hps">Esta é uma</span> <span class="hps">citação</span> <span class="hps">tirada</span> <span class="hps">da</span> <span class="hps">Mozilla Developer Center</span><span>.</span></span></p>
</blockquote>

<h2 id="Specifications" name="Specifications">Especificação</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-blockquote-element', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '&lt;blockquote&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com 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>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</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>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="sect1"> </h2>

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

<ul>
 <li><span id="result_box" lang="pt"><span class="hps">O elemento</span> {{HTMLElement("q")}} <span class="hps">para</span> <span class="hps">citações em linha</span><span>.</span></span></li>
 <li><span lang="pt"><span class="hps">O elemento</span> </span><span id="result_box" lang="pt">{{HTMLElement("q")}}</span><span lang="pt"> <span class="hps">para citações</span> <span class="hps">de origem.</span></span></li>
</ul>

<p>{{HTMLRef}}</p>