Cuál es elcorrecto ¿Cómo hacer texto en cursiva? He visto los siguientes cuatro enfoques:

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

<i>

Esta es la "vieja manera".<i> no tiene un significado semántico y solo transmite el efecto de presentación de poner el texto en cursiva. Por lo que puedo ver, esto es claramente incorrecto porque no es semántico.

<em>

Esto utiliza el marcado semántico con fines puramente de presentación. Simplemente sucede que<em> Por defecto, el texto aparece en cursiva y, por lo tanto, a menudo lo utilizan quienes saben que<i> Debe evitarse pero los que desconocen su significado semántico. No todo el texto en cursiva es en cursiva porque está enfatizado. A veces, puede ser exactamente lo contrario, como una nota al margen o un susurro.

<span class="italic">

Esto utiliza una clase CSS para colocar la presentación. Esto a menudo se promociona como la forma correcta, pero nuevamente, esto me parece mal. Esto no parece transmitir más significado semántico que<i>. Pero, sus defensores lloran, es mucho más fácil cambiar todo su texto en cursiva más adelante si, por ejemplo, lo quiere en negrita. Sin embargo, este no es el caso porque entonces me quedaría con una clase llamada "cursiva" que ponía el texto en negrita. Además, no está claro por qué querría cambiar todo el texto en cursiva en mi sitio web o al menos podemos pensar en casos en los que esto no sería deseable o necesario.

<span class="footnote">

Esto utiliza una clase de CSS para la semántica. Hasta ahora, esta parece ser la mejor manera, pero en realidad tiene dos problemas.

No todos los textos tienen el significado suficiente para justificar el marcado semántico. Por ejemplo, ¿el texto en cursiva en la parte inferior de la página es realmente una nota al pie de página? ¿O es un aparte? O algo completamente distinto. Tal vez no tiene un significado especial y solo necesita representarse en cursiva para separarlo de manera de presentación del texto que lo precede.

El significado semántico puede cambiar cuando no está presente con suficiente fuerza. Digamos que fui junto con una "nota al pie" basada únicamente en el texto que se encuentra al final de la página. ¿Qué sucede cuando unos meses después quiero agregar más texto en la parte inferior? Ya no es una nota al pie. ¿Cómo podemos elegir una clase semántica que es menos genérica que<em> ¿Pero evita estos problemas?

Resumen

Parece que el requisito de la semántica parece ser excesivamente oneroso en muchos casos en los que el deseo de hacer algo en cursiva no pretende tener un significado semántico.

Además, el deseo de separar el estilo de la estructura ha llevado a CSS a ser promocionado como un reemplazo para<i> cuando hay ocasiones en que esto sería menos útil. Así que esto me deja con los humildes.<i> etiquetar y preguntarse si esta línea de pensamiento es la razón por la que se deja en la especificación HTML5?

¿Hay alguna buena publicación en el blog o artículos sobre este tema también? Tal vez por aquellos involucrados en la decisión de retener / crear el<i> ¿etiqueta?