Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 33

La etiqueta <mark> se añadió para resaltar parte de un texto que en principio no es considerada importante, pero que puede adquirir relevancia de acuerdo con la actividad del usuario. El mejor ejemplo es un resultado de búsqueda. El elemento <mark> resaltar la parte del texto que coincide con la cadena de búsqueda.

Código 1-22

Uso del elemento <mark> para resaltar la palabra “coche”.

Si alguien realiza una búsqueda en una página web para la palabra “coche”, los resultados podrían ser mostrados con el Código 1-22. El breve texto representa los resultados de la búsqueda, y las etiquetas <mark> encierran el texto que se ha buscado (la palabra “coche” en nuestro ejemplo). En algunos navegadores, la palabra buscada se resalta con un fondo amarillo por defecto, pero siempre es posible sobrescribir esos estilos usando su propio CSS, como veremos en capítulos posteriores.

En el pasado, generalmente se lograba el mismo resultado utilizando un elemento <b>. Sin embargo, la adición de <mark> ayudó a cambiar el sentido y establecer un nuevo propósito para estos y otros elementos relacionados.

<em>: Se utiliza para indicar énfasis (en sustitución de la etiqueta <i> que hemos utilizado antes).

<strong>: Es para indicar importancia.

<mark>: Destaca texto que es pertinente de acuerdo con las circunstancias.

<b>: Debe ser utilizado solo cuando no hay ningún otro elemento apropiado para la situación.

<i>: Ya no declara cursiva a un texto, pero de acuerdo a la especificación, representa una voz alternativa o humor, como un pensamiento, un término técnico, etc.