Elemento i en HTML

Elemento i en html

El elemento en html i representa una parte del texto que debe distinguirse del resto del texto por algún motivo, como términos técnicos, frases escritas en un idioma extranjero, expresiones faciales de un personaje en una obra de teatro, etc. 

Este elemento generalmente se muestra en cursiva. El elemento <i> se puede utilizar para hacer referencia a palabras en un idioma extranjero, como en el siguiente ejemplo:

< p > La palabra más larga en inglés es 
  < i > pneumonoultramicroscopicsilicovolcanoconiosis </ i > que significa una enfermedad del pulmón. 
</ p >

O para referirse a un término técnico:

< p > Al aprender a codificar, es importante prestar mucha atención a la 
 < i > programación orientada a objetos </ i > . 
</ p >

Etiqueta html i

Clasificaciones de contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLSpanElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento se pueden utilizar propiedades globales.

Descripción de uso

En versiones anteriores de la especificación HTML, la función de un elemento <i> era mostrar el texto en cursiva, al igual que el elemento <b> mostraba el texto en negrita. Pero esto ya no es cierto, y esos elementos tienen un significado normativo, el elemento <i> debe representar un texto con un significado normativo que se mostrará en cursiva. Esto significa que el navegador mostrará el texto dentro de este elemento en cursiva, pero este no es el propósito del elemento <i>.

Utilice este elemento si encuentra su significado más cercano a lo que desea hacer. A continuación, se muestran algunos otros significados de los elementos:

  • Utilice el elemento <em> para dar énfasis fuerza al texto.
  • Usa el elemento <strong> para darle importancia al texto.
  • Utilice el elemento <mark> para etiquetar texto relacionado con algo.
  • Use el elemento <cite> para etiquetar un trabajo creativo.
  • Utilice el elemento <dfn> para etiquetar un término la primera vez que aparezca.

Es preferible usar la propiedad classpara indicar por qué se usa el elemento, por lo que si desea cambiar la vista más adelante, puede hacerlo en una clase específica de elementos a través de hojas de estilo CSS.

Consulte la página Descripción de uso <em> para obtener más información sobre las diferencias entre los dos componentes <em><i>.

formato predeterminado

La mayoría de los navegadores renderizan el elemento <i> con el estilo de fuente (propiedad  font-style) establecido en  italic:

i {
  font-style: italic;
}