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

<p><strong>cite</strong> -<em>cita</em> . Marca una referencia a una fuente, o el autor de un texto citado.</p>

<dl>
 <dd><strong>Sus etiquetas son</strong>: &lt;cite&gt; y &lt;/cite&gt; (ambas obligatorias)</dd>
 <dd><strong>Está definido como</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#defrase">Elemento de frase</a>, y por lo tanto <a href="es/HTML/Elemento/Tipos_de_elementos#enlinea">en línea</a>.</dd>
</dl>

<dl>
 <dd><strong>Crea una caja</strong>: En línea.</dd>
 <dd><strong>Puede contener</strong>: Text y/o cero o más elementos <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 colspan="3">No tiene</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=".C2.BFQui.C3.A9n_lo_dijo.3F" name=".C2.BFQui.C3.A9n_lo_dijo.3F">¿Quién lo dijo?</h4>

<p>código:</p>

<pre class="eval">&lt;p&gt; &lt;cite&gt;Galileo&lt;/cite&gt; dijo: "... y sin embargo, se mueve." &lt;/p&gt;
</pre>

<p><br>
 Resultado:</p>

<div style="border: solid silver 1px; margin-left: 1em;">
<p><cite>Galileo</cite> dijo: "...y sin embargo, se mueve."</p>
</div>
</div>

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

<p>En los navegadores basados en Mozilla (y en otros) el contenido de cite es mostrado con un estilo de texto en cursiva.</p>

<pre class="eval">&lt;p&gt; &lt;cite&gt;Galileo&lt;/cite&gt; dijo: "... y sin embargo, se mueve." &lt;/p&gt;
&lt;p&gt; &lt;span style='font-style: italic;'&gt;Galileo&lt;/span&gt; dijo: "... y sin embargo, se mueve." &lt;/p&gt;
</pre>

<p> </p>

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

<ul>
 <li>Está bastante estendido el mal uso de este elemento, mucha gente lo usa para marcar el texto de las citas en vez del autor, para marcar el texto están los elementos <a href="es/HTML/Elemento/q">q</a> (en línea) y <a href="es/HTML/Elemento/blockquote">blockquote</a> (en bloque).</li>
</ul>

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

<ul>
 <li>Los elementos de frase <a class="external" href="http://html.conclase.net/w3c/html401-es/struct/text.html#edef-CITE">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-cite">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>