Tag HTML <mark>

Le tag <mark> met en évidence les parties du texte, avec lesquelles l’utilisateur travaille actuellement et qui sont importantes pour lui. Visuellement, le contenu de l’étiquette ressemble à un marqueur marqué.

Le tag <mark> peut être utilisé, par exemple, pour mettre en évidence les résultats de recherche sur la page ou pour mettre en évidence la date actuelle dans le calendrier.

Dans les navigateurs Chrome et Firefox le contenu du tag est mis en évidence avec un arrière-plan jaune, mais cela peut être modifié en utilisant la propriété CSS background-color.

Le tag <mark> ne contient pas de contexte sémantique. Pour souligner l’importance du texte que vous sélectionnez, vous utilisez les tags <strong> ou <em>.

Syntaxe

Le contenu du tag est écrit entre les tags ouvrant (<mark>) et fermant (</mark>).

Exemple

<!DOCTYPE html>
<html>
   <head>
      <title>Titre du document</title>
   </head>
   <body>
      <p>Découvrez le langage de balisage HyperText (HTML) sur le site Web <mark> W3Docs.com</mark>.</p>
   </body>
</html>

Résultat

Attributs

Le tag <mark> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <mark> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <mark>:

Coloration du texte dans le tag HTML <mark>:

Styles de mise en page du texte pour la tag HTML <mark>:

Autres propriétés utiles pour le tag HTML <mark>:


Support de Navigateurs

6+ 4+ 5+ 11.1+


Trouvez-vous cela utile?

Articles Associées