A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/mark below:

<mark>: el elemento de resaltado de texto - HTML: Lenguaje de etiquetas de hipertexto

<mark>: el elemento de resaltado de texto

Baseline Widely available

El Elemento HTML Mark <mark> representa un texto marcado o resaltado 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 acepte contenido 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 los atributos globales, comunes a todos los elementos.

Notas de uso

Nota: No se debe confundir el elemento <mark> con el elemento <strong>. El elemento <strong> se utiliza para denotar intervalos de texto de especial importancia, mientras que el elemento <mark> se utiliza para denotar intervalos de texto de especial relevancia.

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 class="match">Imperial</mark> troops have driven the Rebel
  forces from their hidden base and pursued them across the galaxy.
</p>

<p>
  Evading the dreaded <mark class="match">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 Compatibilidad con navegadores Consulta también

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4