Elemento i en HTML
El elemento "i" se utiliza para marcar texto en cursiva, pero también tiene un significado semántico. Aprende cuándo y cómo usarlo correctamente.
Cristian Escalante
Última actualización: 19 de abril de 2025
Elemento <i>
El elemento <i> es un elemento HTML que se utiliza para marcar texto en cursiva. Este elemento es parte de la especificación HTML y se utiliza comúnmente para resaltar palabras o frases que tienen un significado especial o que son parte de un término técnico.
Por lo que no solamente tiene un estilo visual, sino que tiene un significado semantico. Puedes usarlo para los siguientes casos:
- Textos en voz alternativas como pensamientos o terminos técnicos.
- Nombres cientificos (ejemplo: Homo Sapiens).
- Textos que requieren énfasis especial.
- Palabras en otro idioma.
- Titulos de obras.
Ejemplo como palabra en otro idioma
<p>El término <i lang="fr">déjà vu</i> viene del francés.</p>
Ejemplo de titulo de un libro
<p>Mi novela favorita es <i>1984</i>, de George Orwell.</p>
La elementos i y em no son lo mismo
A pesar que ambos elementos colocan el texto en cursiva, tienen diferente significado semantico. Puedes usar <em> para enfatizar el texto de manera más fuerte que <i>, que es más para estilo visual.