En esta ocasión, hablaremos de la qué es probablemente la etiqueta más corta de HTML. Estoy hablando de la etiqueta i.
Esta etiqueta se utiliza para dar énfasis a un texto, pero sin cambiar su significado. Es una herramienta útil para destacar palabras o frases importantes dentro de un párrafo.
Antes de pasar a la acción, recuerda que este artículo forma parte de la serie sobre el diccionario HTML de dropcoding.
Significado de la etiqueta <i>
La etiqueta <i> significa «italic» (cursiva). Se utiliza para mostrar el texto en cursiva, lo que le da un aspecto inclinado. La cursiva se suele utilizar para:
- Destacar palabras o frases importantes.
- Indicar títulos de libros, películas, obras de arte, etc.
- Escribir nombres científicos de plantas y animales.
Aquí te dejo el vídeo sobre esta etiqueta.
¿Para qué sirve?
La etiqueta <i> sirve para dar énfasis a un texto sin cambiar su significado. Esto significa que el texto en cursiva se leerá con la misma entonación que el resto del texto, pero se destacará visualmente.
¿Cómo se usa <i>?
La etiqueta <i> se utiliza de forma muy sencilla. Se coloca al principio del texto que queremos mostrar en cursiva y se cierra al final del mismo.
Ejemplo:
<p>Este es un texto normal. <i>Pero esta palabra está en cursiva.</i> Y este texto vuelve a ser normal.</p>Este código mostrará el siguiente texto:
Este es un texto normal. Pero esta palabra está en cursiva. Y este texto vuelve a ser normal.
Diferencia entre <i> y <em>
Hay otra etiqueta similar a <i>, que es <em>. La diferencia entre ambas es que la etiqueta <em> se utiliza para dar énfasis semántico a un texto, mientras que <i> solo se utiliza para dar énfasis visual.
Ejemplo:
<p>Este es un texto normal. <em>Pero esta palabra es importante.</em> Y este texto vuelve a ser normal.</p>
Este código mostrará el siguiente texto:
Este es un texto normal. Pero esta palabra es importante. Y este texto vuelve a ser normal.
En este caso, la palabra «importante» se leerá con la misma entonación que el resto del texto, pero se destacará visualmente porque está en cursiva.
Además, los motores de búsqueda podrán entender que esta palabra es importante para el significado del texto.
Conclusión
Las etiquetas <i> y <em> son herramientas útiles para dar énfasis a un texto. Aunque es importante entender la diferencia entre ambas para usarlas correctamente, pero su uso no marca ninguna gran diferencia en tu sitio web a ojos de los búscadores 🤫.