𝗟'𝗛𝗧𝗠𝗟 𝗲𝗻 𝗹𝗶𝗴𝗻𝗲 𝗾𝘂𝗲 𝗽𝗲𝗿𝘀𝗼𝗻𝗻𝗲 𝗻'𝘂𝘁𝗶𝗹𝗶𝘀𝗲

La plupart des développeurs connaissent , et .

Vous ignorez probablement les autres comme , , , , et . Cela arrive parce que vous utilisez plutôt un .

L'utilisation de ces éléments apporte du sens. Un span stylisé ne dit rien à une machine. Ces éléments fournissent des données pour les lecteurs d'écran et les moteurs de recherche.

Voici les éléments utiles que vous devriez connaître :

et : Ils permettent de suivre les modifications. Utilisez pour le texte supprimé et pour le nouveau texte. Ils fonctionnent ensemble pour afficher les corrections. • : Utilisez ceci pour un contenu qui n'est plus exact. C'est différent d'une suppression. Cela marque une information obsolète, comme un ancien prix. • et : Utilisez-les pour les formules chimiques ou les exposants mathématiques. Ne les utilisez pas simplement pour réduire la taille du texte. • : Utilisez ceci pour les variables en mathématiques ou en code. • : Cela met en évidence le texte pour sa pertinence. Les moteurs de recherche l'utilisent pour afficher les correspondances de requête. • : Cela fournit la version complète d'une abréviation via une info-bulle. • : Utilisez ceci pour marquer l'instance spécifique où vous définissez un terme. • : Utilisez ceci pour le titre d'une œuvre, comme un livre ou un article. Ce n'est pas pour le nom d'une personne. • : Cela gère les citations en ligne. Le navigateur ajoute les guillemets pour vous.

Les styles par défaut du navigateur sont souvent peu esthétiques. ressemble à un surligneur jaune. affiche des marques aléatoires.

Vous n'avez pas besoin d'éviter ces balises. Il vous suffit d'ajouter du CSS.

Attribuez à une couleur de marque. Donnez à un soulignement en pointillés. Cela transforme un code sémantique en une typographie soignée.

Utiliser la bonne balise une fois par an est préférable à l'utilisation d'un span qui ment sur la nature réelle du contenu.

Source : https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d