Un article de blog contenant tous les éléments HTML

• Cet article de blog est une exploration approfondie de tous les éléments HTML, en s’appuyant sur la liste des documents web de MDN.
• L’auteur y examine la fonction et les cas d’usage de chaque élément HTML, avec des exemples concrets dans la mise en page d’un site web.
• Le texte met également en avant les défis rencontrés pour mettre à jour le CSS de chaque élément afin qu’il corresponde au style du site.
• L’auteur partage aussi des observations sur la manière dont certains éléments sont souvent mal utilisés ou ignorés, et donne des conseils pour les employer correctement.
• Cet article de blog constitue une ressource précieuse pour comprendre l’ensemble des éléments HTML et leurs usages potentiels.
• L’auteur montre un usage pratique en appliquant chaque élément HTML à son propre site web.
• Ce texte reflète l’engagement de l’auteur envers l’accessibilité web et sa passion pour l’exploration des possibilités offertes par HTML.
• L’article propose une liste complète d’éléments HTML, y compris des éléments moins courants comme <article>, <main>, <figure>, <figcaption> et autres.
• L’auteur met en avant des éléments HTML obsolètes comme <marquee>, <big>, <acronym>, <font>, <nobr>, <strike>, qui ont été remplacés par le CSS pour les fonctions de mise en page.
• L’article mentionne aussi des éléments comme <content> et <shadow>, qui n’ont pas été pleinement implémentés dans le cadre de la spécification des Web Components.
• L’auteur discute de l’usage de <dir> pour lister des répertoires, ainsi que du travail supplémentaire nécessaire pour afficher certains éléments obsolètes comme <frame> et <frameset>.
• L’article aborde l’élément <image>, qui fonctionnait dans certains navigateurs en 2023 bien qu’il ne fasse partie d’aucune spécification officielle.
• L’auteur examine la compatibilité navigateur de l’élément obsolète <menuitem>, ainsi que l’abandon surprenant de <noembed> alors que <embed> est toujours conservé dans la spécification.
• L’article évoque également l’objectif peu clair de l’élément <param> et l’obsolescence de <plaintext>, <xmp>, <tt>.
• L’auteur souligne que certains éléments obsolètes ont été remplacés par de nouveaux ajouts à la spécification, comme <rb> et <rtc> pour afficher la prononciation des caractères d’Asie de l’Est.
• L’article se conclut par une discussion sur d’autres balises HTML non listées par MDN, comme <blink>, <spacer>, <bgsound>, <isindex>, <xmp>, <tt>, <code>, <applet>.

[GN⁺]

Discussion sur Hacker News

• Le billet de blog passe en revue tous les éléments HTML, y compris <frame> et <frameset>, qui servaient couramment à créer des mises en page web composées de plusieurs sections fonctionnant indépendamment.
• L’auteur revient aussi sur l’histoire de HTML et évoque l’élément <menu>, abandonné puis redéfini à plusieurs reprises. Il est actuellement défini comme une barre d’outils présentée sous la forme d’une liste non ordonnée.
• Une critique porte sur l’absence d’une déclaration CSS simple permettant de masquer un contenu visuel tout en le laissant accessible aux lecteurs d’écran. Les méthodes actuelles consistent à rogner le contenu ou à le placer hors de la page.
• Les balises <details> et <summary> peuvent être imbriquées, et un commentateur s’en est servi pour créer un jeu d’aventure à choix multiples, mais cela a produit un gros fichier HTML qui a posé problème dans certains navigateurs.
• L’exploration des anciens éléments HTML par l’auteur a suscité de la nostalgie chez certains lecteurs, qui ont partagé leurs propres souvenirs des débuts de HTML et de l’évolution du langage.
• Certains commentateurs ont indiqué préférer le terme original de « liste de définitions » au nouveau terme de « liste de descriptions » pour les éléments <dl>, <dt> et <dd>.
• Le billet de blog a rappelé à certains lecteurs les premières ressources d’apprentissage de HTML, comme le Barebones Guide to HTML de Kevin Werbach.
• Une discussion porte sur le potentiel du HTML sémantique et sur la nécessité de bien maîtriser CSS pour mettre en œuvre certains styles spécifiques, comme des notes de bas de page dans la marge de droite.
• Un commentateur s’est dit surpris de découvrir que les commentaires de Hacker News sont implémentés avec des tableaux imbriqués.
• Certains lecteurs ont souligné que HTML est désormais un standard vivant maintenu par le WhatWG, sans numéro de version. Il ne s’agit pas de la spécification HTML5 du W3C.
• Le caractère très complet du billet a été salué par les lecteurs, et l’un des commentateurs a estimé qu’il était particulièrement utile pour des side projects utilisant les fonctionnalités natives de HTML plutôt que des frameworks ou bibliothèques surchargés.