Poner cursiva, negrita, tachado y subrayado en HTML5

Veamos las etiquetas para poner en cursiva, negrita, tachado y subrayado en HTML5 los textos de nuestra web.

Cursiva HTML5

<i>Este texto está en cursiva</i>

Veamos el resultado de la etiqueta <i>

Este texto está en cursiva

Negrita HTML5

<b>Este texto está en negrita</b>

Veamos el resultado de la etiqueta <b>

Este texto está en negrita

Etiqueta <strong> en HTML5

Esta etiqueta también se utiliza para poner negrita el texto en HTML5. Pero entonces, ¿dos etiquetas para poner negrita?

Según se comenta, y que no está probado, es una diferencia semántica. Mientras <strong> debes utilizarla para temas de accesibilidad, la <b> está sólo para destacar la visualización.

Además <strong>, y es aquí donde remarco que no está demostrado, comentan que también se utiliza para muchos buscadores que lo interpretan como contenido destacado, y que por lo tanto, le dan importancia a la hora de indexarlo.

<strong>Este texto está en negrita será interpretado por temas de accesibilidad y SEO</strong>

Veamos que el resultado visualmente es como la etiqueta <b>

Este texto está en negrita será interpretado por temas de accesibilidad y SEO


Un ejemplo de accesibilidad es poner que ese texto es muy importante o debe remarcarse sobre el resto. Yo puedo poner un texto en negrita <b></b> para ponerlo como subtítulo, pero puedo ponerle <strong></strong> para decirle que ese texto es muy importante y destaca sobre el resto en su lectura.

Tachado HTML5

<del>Este texto está tachado</del>

Veamos el rsultado de la etiqueta <del>

Este texto está tachado

Subrayado HTML5

Más qeu subrayado, diríamos destacado. Hay muchas webs que modifican el estilo y no subrayan, y sí que destacan el texto.

<ins>Este texto está subrayado</ins>

Veamos el resultado de la etiqueta <ins>

Este texto está subrayado


Estas etiquetas pueden hacer que ahorremos en estilos. Porque no olvidemos que algunos de estos formatos podemos aplicarlos con estilos.

Espero que os sea de utilidad el artículo Poner cursiva, negrita, tachado y subrayado en HTML5.


Más información

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

*