From a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:46:50 +0100 Subject: unslug es: move --- files/es/web/html/element/mark/index.html | 142 ++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 files/es/web/html/element/mark/index.html (limited to 'files/es/web/html/element/mark') diff --git a/files/es/web/html/element/mark/index.html b/files/es/web/html/element/mark/index.html new file mode 100644 index 0000000000..38ed980e3a --- /dev/null +++ b/files/es/web/html/element/mark/index.html @@ -0,0 +1,142 @@ +--- +title: ': el elemento de resaltado de texto' +slug: Web/HTML/Elemento/mark +tags: + - HTML + - HTML5 + - 'HTML:Elemento' + - mark + - para_revisar +translation_of: Web/HTML/Element/mark +--- +
{{HTMLRef}}
+ +

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.

+ +
{{EmbedInteractiveExample("pages/tabbed/mark.html", "tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorías de contenidoContenido de flujo,  contenido de párrafo,  contenido palpable
Contenido permitidoContenido estático
Omisión de etiquetas{{no_tag_omission}}
Elementos padre permitidosCualquier elemento que acepte contenido estático
Roles ARIA permitidosCualquiera
Documento normativoHTML 5, sección 4.6.17
DOM interface{{domxref("HTMLElement")}}
+ +

Atributos

+ +

Este elemento no tiene atributos que no sean los atributos globales, comunes a todos los elementos.

+ +

Notas de uso

+ + + +
+

No se debe confundir el elemento <mark> con el elemento {{ HTMLElement("strong") }}. El elemento {{ HTMLElement("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:

+ +

{{EmbedLiveSample("Marking_text_of_interest", 650, 130)}}

+ +

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:

+ +

{{EmbedLiveSample("Identifying_context-sensitive_passages", 650, 130)}}

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-mark-element', '<mark>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-mark-element', '<mark>')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilidad de navegador

+ + + +

{{Compat("html.elements.mark")}}

+ +

Consulta también

+ + -- cgit v1.2.3-54-g00ecf