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 cursivaNegrita HTML5
<b>Este texto está en negrita</b>
Veamos el resultado de la etiqueta <b>
Este texto está en negritaEtiqueta <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>
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