Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
<mark>: el elemento de resaltado de texto
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
ElElemento HTML Mark<mark> representa un textomarcado oresaltado como referencia o anotación, debido a su relevancia o importancia en un contexto particular.
Pruébalo
<p>Search results for "salamander":</p><hr /><p> Several species of <mark>salamander</mark> inhabit the temperate rainforest of the Pacific Northwest.</p><p> Most <mark>salamander</mark>s are nocturnal, and hunt for insects, worms, and other small creatures.</p>/* stylelint-disable-next-line block-no-empty */mark {}| Categorías de contenido | Contenido de flujo, contenido de párrafo, contenido palpable |
|---|---|
| Contenido permitido | Contenido estático |
| Omisión de etiquetas | Ninguna, tanto la etiqueta inicial como la final son obligatorias. |
| Elementos padre permitidos | Cualquier elemento que aceptecontenido estático |
| Roles ARIA permitidos | Cualquiera |
| Documento normativo | HTML 5, sección 4.6.17 |
| DOM interface | HTMLElement |
Atributos
Este elemento no tiene atributos que no sean losatributos globales, comunes a todos los elementos.
Notas de uso
- En una cita (
<q>) o en otro bloque (<blockquote>), generalmente indica texto que es de especial interés pero que no está destacado en el material de origen, o material que necesita especial escrutinio, aunque el autor original no lo considerase importante. - Por otro lado,
<mark>indica una parte del contenido del documento que probablemente sea relevante para el usuario. Por ejemplo, se puede utilizar en una página que muestra los resultados de búsqueda para resaltar cada uno de estos por palabra. - No uses el elemento
<mark>para resaltado de sintaxis; usa el elemento<span>para este fin.
Ejemplos
Marcar texto de interés
En este ejemplo, <mark> se utiliza para resaltar texto en una cita que es de particular insterés para el usuario.
<blockquote> It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire. During the battle, <mark>Rebel spies managed to steal secret plans</mark> to the Empire’s ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet.</blockquote>El resultado sería:
Identificando fragmentos sensibles al contexto
Este ejemplo demuestra el uso de<mark> para marcar resultados de búsqueda en el fragmento.
<p> It is a dark time for the Rebellion. Although the Death Star has been destroyed, <mark>Imperial</mark> troops have driven the Rebel forces from their hidden base and pursued them across the galaxy.</p><p> Evading the dreaded <mark>Imperial</mark> Starfleet, a group of freedom fighters led by Luke Skywalker has established a new secret base on the remote ice world of Hoth.</p>Para ayudar a distinguir el uso de<mark> en los resultados de búsqueda de otro uso potencial, este ejemplo aplica la clase "match" a cada coincidencia.
El resultado se vería:
Especificaciones
| Specification |
|---|
| HTML # the-mark-element |