Hoy, quiero hablar sobre una etiqueta que, aunque es fácil de utilizar, puede ser un poco complicada de pronunciar ¡Y eso que tiene un nombre muy corto!
Estoy hablando de la etiqueta cite.
Aunque puede parecerse a otras etiquetas de HTML, no hacen exactamente lo mismo, como en el caso de la etiqueta blockquote o la etiqueta q.
No creo que haga falta, pero por si acaso, comentarte que este post forma parte del diccionario HTML de Dropcoding, donde vemos todas y cada una de las etiquetas de este lenguaje.
Si tienes alguna duda sobre HTML, ya sabes donde acudir 🙃.
¿Qué es la etiqueta Cite en HTML?
¿Qué es exactamente la etiqueta cite en HTML?
La palabra «cite» en inglés significa «citar», así que ya puedes imaginar de qué se trata.
Y no, no es para subrayar el texto.
La etiqueta cite se utiliza para hacer referencia a un autor o a una obra determinada.
Es importante destacar que estamos hablando de «autor» o «obra». Esto significa que se utiliza para envolver estas dos cosas, ya sea el autor o la obra.
Así que en este caso, no vamos a utilizar esta etiqueta para envolver el texto de la cita en sí; para eso están otras etiquetas, como blockquote, que por cierto, ya hemos hablado de esta también.
Ejemplo de uso etiqueta Cite
Para ilustrar esto, fíjate en el siguiente ejemplo: «Uno de mis libros favoritos es El Hobbit de J.R.R. Tolkien».
En este caso, «El Hobbit» está envuelto con la etiqueta cite, pero también podríamos usar esta etiqueta para «J.R.R. Tolkien». Cuando se muestra en un navegador, el texto rodeado por la etiqueta cite aparece en cursiva.
<body>
<p>Uno de mis libros favoritos es <cite>El Hobbit</cite> de J.R.R. Tolkien.</p>
</body>¿Fácil, no?
Ahora, vamos con algunas diferencias.
Diferencias entre blockquote, q y cite
Es posible que te estés preguntando: ¿cuál es la diferencia entre las etiquetas blockquote y cite?
Bueno, la etiqueta blockquote se utiliza para citar un fragmento de texto más largo, generalmente de una fuente externa.
Esta etiqueta tiene un atributo llamado
cite(¡no confundir con la etiqueta que estamos discutiendo!) que sirve para enlazar a la fuente externa.
Por otro lado, la etiqueta q o quote se utiliza para citar un fragmento de texto corto, como una frase o cita breve.
Por defecto, los navegadores suelen representar esta etiqueta mediante comillas.
Y, como ya hemos visto, la etiqueta cite se utiliza para indicar el título de una obra o hacer referencia al autor, y el texto suele mostrarse en cursiva.
Recomendaciones para citar en HTML
Y para acabacr, vamos con algunas recomendaciones finales:
Aunque la etiqueta cite tiene importancia a nivel semántico, especialmente para los motores de búsqueda, es esencial recordar que no reemplaza las buenas prácticas de citación en la escritura.
Es más un elemento semántico dentro de HTML. Sé que lo he repetido varias veces, pero quería que quedara claro.
Espero que este artículo te haya sido útil y haya aclarado algunas dudas sobre la etiqueta cite.
Si tienes alguna pregunta o sugerencia, no dudes en dejarla en los comentarios.
Nos vemos en el próximo artículo. ¡Adiós!