Etiqueta <i> de HTML
La etiqueta <i> se utiliza para definir una parte del texto en una voz diferente. El texto colocado dentro de la etiqueta <i> generalmente se muestra en cursiva. Esta etiqueta se utiliza para definir términos técnicos, frases en idiomas extranjeros, etc.
En HTML5, la etiqueta <i> es un elemento semántico utilizado para representar texto en una voz o tono alternativo, en lugar de uno puramente presentacional. Esto significa que el contenido tiene un significado específico para los navegadores y los motores de búsqueda, aunque normalmente se renderiza en cursiva de forma predeterminada. Si solo necesitas el estilo en cursiva sin el significado semántico, es mejor usar la propiedad CSS font-style en lugar de la etiqueta <i>.
A veces puede que necesites usar otros elementos más apropiados:
TIP
Si deseas resaltar un texto importante, utiliza la etiqueta de marcado semántico <em> en lugar de la etiqueta <i>.
Sintaxis
La etiqueta <i> se usa en pares. El contenido se escribe entre las etiquetas de apertura (<i>) y cierre (</i>).
Ejemplo de la etiqueta HTML <i>:
Etiqueta HTML <i>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Before the end of the week <i>it is vital to</i> finish all the work.</p>
</body>
</html>Resultado
Atributos
La etiqueta <i> admite los Atributos globales y los Atributos de eventos.
Cómo dar estilo a una etiqueta HTML <i>
<style>
.custom-italic {
font-style: italic;
}
</style>
<p>Before the end of the week <span class="custom-italic">it is vital to</span> finish all the work.</p>Práctica
¿Qué representa la etiqueta <i> en HTML?