Voici un nouveau venu en HTML5, l’élément < mark >. Celui-ci permet de surligner du texte, il en marque un passage spécifique, un que l’on veut mettre en valeur de façon particulière, afin d’attirer l’attention.

Par défaut cette balise surligne le texte en jaune :

mark {
	background-color: yellow;
	color: black;
}

Pour les anciens navigateurs qui ne comprendraient pas ce style par défaut, il suffit de l’ajouter à votre feuille CSS.

Compatibilité navigateur

  • Internet Explorer 9+
  • Firefox 6+
  • Chrome 10+
  • Safari 5+
  • Safari Mobile 5+
  • Opera 11+
  • Android Browser 3+


Sources :