¿Qué es una etiqueta Cite?

El World Wide Web Consortium, o W3C, define ocho "etiquetas frase" que se utilizan dentro de otros elementos para cambiar la apariencia y el énfasis de un poco de texto. Una de estas etiquetas es la etiqueta <cite>, que está diseñado para hacer referencia a una cita en su página.

La <cite> Tag

Cite se utiliza para poner énfasis en una cita, por ejemplo, haciendo hincapié en el título o representante una cotización origina. El W3C no se ha depreciado esta etiqueta, pero sí recomienda el uso de CSS más de <cite>. Sin embargo, <cite> hace enviar un mensaje muy específico para cualquiera que busque en el código fuente HTML de su página, incluyendo los robots automatizados, y se puede utilizar para la personalización de su página.

Apariencia

El texto dentro de la etiqueta <cite> parece idéntico al texto dentro de la etiqueta <em> o <i>. Mientras que un explorador diferente podría, en teoría, representar el texto dentro de <cite> diferente, este no es el caso en cualquiera de los navegadores modernos, incluyendo Internet Explorer, Firefox y Chrome.

Utilizar

La única razón para usar <cite> sobre cualquier otra etiqueta es que permite a los motores de búsqueda para ver y entender el texto entre las etiquetas como una citación. Sin embargo, también se puede utilizar con CSS para crear efectos específicos. Usted puede ir tan simple como el establecimiento de cualquier cosa en un <cite> según sea alineado al centro y púrpura, por ejemplo,

cite {
color morado;
text-align: center;}

Esto le permite diferenciar entre las citas y declaraciones en cursiva, y dé a sus citas un poco de ponche en la página.

Alternativas

En la página de códigos de frases etiquetas del W3C establece que el uso de CSS proporciona un efecto más rico que el uso básico de <cite>. Se puede crear una clase CSS para usar en lugar de cualquier lugar donde se utilice <cite>, con un estilo más específica a una gama más amplia de elementos, tales usarlo ya sea con un <p> o un <div> etiqueta. El HTML se vería algo como esto, si el elemento de la citación era negrita y tenía una frontera a lo largo de la parte inferior:

.cite {
font-weight: bold;
border-bottom: 1px solid # 000000;}

Cuando se aplica a un elemento, sería simplemente requieren: <p class = "citar"> cita </ ​​p> o <div class = "citar"> super larga cita </ ​​div>.

Si desea que el aspecto simple Cursiva pero no desea utilizar la etiqueta <cite>, puede utilizar <em> en su lugar.