𝗟'𝗛𝗧𝗠𝗟 𝗲𝗻 𝗹𝗶𝗴𝗻𝗲 𝗾𝘂𝗲 𝗽𝗲𝗿𝘀𝗼𝗻𝗻𝗲 𝗻'𝘂𝘁𝗶𝗹𝗶𝘀𝗲
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