---
title: blockquote
slug: Web/HTML/Element/blockquote
tags:
  - HTML
  - HTML:Elemento
  - Todas_las_Categorías
translation_of: Web/HTML/Element/blockquote
original_slug: Web/HTML/Elemento/blockquote
---
<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>

<p><strong>blockquote</strong> -<em>cita en bloque</em> . Crea citas en bloque, marca las citas a otros autores o documentos.</p>

<dl>
 <dd><strong>Sus etiquetas son</strong>: <code>&lt;blockquote&gt;</code> y <code>&lt;/blockquote&gt;</code> (ambas obligatorias).</dd>
 <dd><strong>Está definido como</strong>: Elemento <a href="es/HTML/Elemento/Tipos_de_elementos#enbloque">en bloque</a>.</dd>
</dl>

<dl>
 <dd><strong>Crea una caja</strong>: En bloque.</dd>
 <dd><strong>Puede y debe contener</strong>: Uno o más elementos <a href="es/HTML/Elemento/Tipos_de_elementos#enbloque">en bloque</a> o <a href="es/HTML/Elemento/script">script</a></dd>
 <dd>Con un doctype transicional <strong>Puede contener</strong>: texto, y/o cero o más elementos <a href="es/HTML/Elemento/Tipos_de_elementos#enbloque">en bloque</a> o <a href="es/HTML/Elemento/Tipos_de_elementos#enlinea">en línea</a></dd>
</dl>

<h4 id="Atributos" name="Atributos">Atributos</h4>

<table class="fullwidth-table standard-table">
 <tbody>
  <tr>
   <th>atributo</th>
   <th>descripción</th>
   <th>valor</th>
  </tr>
  <tr>
   <th colspan="3">Genéricos</th>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-title"><span style="color: green;">title </span></a></td>
   <td>Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".</td>
   <td>Texto legible por personas. Sensible a <abbr title="diferencia entre Mayúsculas y minúsculas">M/m.</abbr>. Por defecto: Lo fija el navegador.</td>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-id"><span style="color: green;">id </span></a></td>
   <td>Le da un nombre al elemento que lo diferencia de todos los demás del documento.</td>
   <td>Un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-id">nombre único</a>. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> Por defecto: Lo fija el navegador.</td>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/global.html#adef-class"><span style="color: green;">class </span></a></td>
   <td>Asigna nombres de clases al elemento. Por defecto, clases CSS.</td>
   <td>Lista de clases separadas por espacio en blanco. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> Por defecto: Lo fija el navegador.</td>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/present/styles.html#adef-style"><span style="color: green;">style </span></a></td>
   <td>Permite especificar <a class="external" href="http://html.conclase.net/w3c/html401-es/present/styles.html">información de estilo</a>. Por defecto, estilos CSS.</td>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-style">Declaraciones de estilo</a>. Por defecto: Lo fija el navegador.</td>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-lang"><span style="color: green;">lang </span></a></td>
   <td>Información sobre el <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html">idioma del contenido</a> del elemento y del valor de sus atributos.</td>
   <td>Un <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#type-langcode">código de idioma</a>. Por defecto: "desconocido". Lo fija el navegador.</td>
  </tr>
  <tr>
   <td><a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-dir"><span style="color: green;">dir </span></a></td>
   <td>Indica la <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/dirlang.html">dirección de texto</a> y tablas.</td>
   <td>Uno de los siguientes: <abbr title="Left-to-right"> 'ltr' </abbr> o <abbr title="Right-to-left"> 'rtl'. </abbr> Por defecto: En castellano 'ltr'. Lo fija el navegador.</td>
  </tr>
  <tr>
   <td colspan="3"><a class="external" href="http://html.conclase.net/w3c/html401-es/interact/scripts.html#events"><span style="color: green;">Eventos:</span></a> <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. </code></td>
  </tr>
  <tr>
   <th colspan="3">Específicos</th>
  </tr>
  <tr>
   <td><code style="color: green;">cite </code></td>
   <td>Proporciona un enlace al documento original o fuente</td>
   <td>Una dirección <a class="external" href="http://html.conclase.net/w3c/html401-es/types.html#h-6.4">URI</a>. Por defecto: lo fija el navegador</td>
  </tr>
  <tr>
   <th colspan="3">De transición</th>
  </tr>
  <tr>
   <td colspan="3">No tiene</td>
  </tr>
  <tr>
   <th>atributo</th>
   <th>descripción</th>
   <th>valor</th>
  </tr>
 </tbody>
</table>

<h3 id="Ejemplos_de_uso" name="Ejemplos_de_uso">Ejemplos de uso</h3>

<div class="highlight">
<h4 id="Un_blockquote_estricto" name="Un_blockquote_estricto">Un <strong>blockquote</strong> estricto</h4>

<pre class="eval">&lt;<strong>blockquote</strong> cite='<a class="external" href="http://html.conclase.net/w3c/html401-es/struct/text.html#edef-BLOCKQUOTE" rel="freelink">http://html.conclase.net/w3c/html401...def-BLOCKQUOTE</a>'&gt;
  &lt;p&gt;
    &lt;strong&gt;Nota.&lt;/strong&gt; Recomendamos que las implementaciones de hojas
    de estilo porporcionen un mecanismo para insertar signos de puntuación de citas
    antes y después de una cita delimitada por un BLOCKQUOTE de un modo apropiado según
    el contexto del idioma actual y el grado de anidamiento de las citas.
  &lt;/p&gt;
&lt;/<strong>blockquote</strong>&gt;
</pre>
</div>

<h3 id="Estilo_predeterminado" name="Estilo_predeterminado">Estilo predeterminado</h3>

<h3 id="Notas" name="Notas">Notas</h3>

<ul>
 <li>Conviene tener cuidado con las divergencias en el tipo de contenido dependiendo del doctype. El siguiente ejemplo es válido con un doctype transicional, pero no lo es con el estricto:</li>
</ul>

<pre class="eval">&lt;<strong>blockquote</strong>&gt;
  Bla, bla, bla...
&lt;/<strong>blockquote</strong>&gt;
</pre>

<ul>
 <li><strong>blockquote</strong> tiene un hermano menor: <a href="es/HTML/Elemento/q">q</a>. <strong>blockquote</strong> sirve para citas en bloque y <a href="es/HTML/Elemento/q">q</a> para citas en línea.</li>
</ul>

<ul>
 <li>A diferencia de <a href="es/HTML/Elemento/q">q</a>, <strong>blockquote</strong> no entrecomilla los contenidos, debe hacerlo el autor (con CSS).</li>
</ul>

<h3 id="Referencia" name="Referencia">Referencia</h3>

<ul>
 <li>El elemento <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/text.html#edef-BLOCKQUOTE"><strong>blockquote</strong> en la especificación</a> de html 4.01</li>
</ul>

<h3 id="Soporte" name="Soporte">Soporte</h3>

<p>Puede consultar esta <a class="external" href="http://www.webdevout.net/browser_support_html.php#support-html401-blockquote">comparativa</a>: IE 6 - IE 7 - FF 1.5 - OP 9.</p>

<p> </p>

<hr>
<div class="note">
<p>Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.</p>

<p>¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta <a>MDC:Como ayudar</a>.</p>
</div>

<p><br>
 <span class="comment">Categoría</span></p>

<p><span class="comment">interwiki links</span></p>

<p><span class="comment">automatismos</span></p>