<s>
Un contenu qui n’est plus d’actualité, par exemple un ancien prix. Le navigateur le barre.
- Affichage
- inline
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu phrasant
Exemple
#<p>
Formation React :
<s>249 €</s>
<strong>149 €</strong>
</p>
<p><s>Certificat en version papier</s> Nous délivrons maintenant le certificat uniquement en PDF.</p>Définition et utilisation
#L’élément <s> marque une information qui n’est plus actuelle ni pertinente : un ancien prix en promotion, une variante de produit épuisée, ou des horaires d’ouverture obsolètes. Les navigateurs l’affichent barrée par défaut.
La différence avec <del> est subtile, mais importante. <del> marque un fragment supprimé d’un document lors d’une édition, par exemple dans l’historique des modifications d’un règlement. <s> dit simplement : « c’était vrai, mais ça ne l’est plus », sans suggérer que quelqu’un a modifié le texte.
La plupart des lecteurs d’écran n’annoncent pas le barré par défaut. L’utilisateur peut donc entendre « 249 € 149 € » sans aucun contexte. Il est utile d’ajouter un texte masqué visuellement, par exemple « Prix normal : » et « Prix promotionnel : ».
Syntaxe
#<s>contenu obsolète</s>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
s {
text-decoration: line-through;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Marquez les modifications du contenu d’un document, par exemple des corrections dans un règlement, avec
<del>et<ins>. - L’élément
<strike>est obsolète. Utilisez<s>ou<del>à sa place. - Si le barré porte une information importante, par exemple pour des prix, ajoutez un texte masqué visuellement pour les lecteurs d’écran.
Entrées associées
#- <del>Un texte supprimé d’un document, affiché barré pour conserver l’historique des modifications.
- <ins>Un texte ajouté à un document, par exemple dans une nouvelle version d’un règlement ou dans un article corrigé.
- <u>Un texte avec une annotation qu’on ne peut pas exprimer par des mots, le plus souvent le marquage d’une faute d’orthographe.
- <small>Les petits caractères : mentions légales, informations juridiques, droits d’auteur et courtes remarques annexes.
- <mark>Met en évidence un fragment de texte comme un surligneur, parce qu’il est pertinent dans le contexte actuel.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.