files/pt-br/web/html/element/blockquote/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153

---
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="Compatibilidade_com_navegador">Compatibilidade com navegador</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>