Comment faire

Cette page répertorie des guides pratiques pour HTML, couvrant des tâches telles qu'ajouter du JavaScript aux pages, optimiser les performances de chargement, définir des termes de façon sémantique, manipuler les attributs data-*, et bien plus encore.

Ajouter JavaScript dans votre page web

Dans cet article, nous verrons comment améliorer les pages web en ajoutant du code JavaScript dans des documents HTML.

Ajouter une carte cliquable sur une image

Vous pouvez créer une carte imagée cliquable en HTML à l'aide des éléments area et map. Cet article explique comment mettre en place une carte imagée, ainsi que certains inconvénients à prendre en compte avant d'en créer une.

Définir des termes avec HTML

HTML fournit plusieurs méthodes pour décrire la sémantique du contenu qu'on emploie (que ce soit intégré dans le texte ou dans un glossaire à part). Dans cet article, nous verrons comment correctement définir les termes utilisés au sein d'un document.

Rédiger des pages HTML à affichage rapide

Une page web optimisée offre non seulement un site plus réactif pour vos visiteur·euse·s, mais réduit aussi la charge sur vos serveurs web et votre connexion internet. Cela peut être crucial pour les sites à fort trafic ou ceux qui subissent un pic de fréquentation en raison de circonstances inhabituelles, comme des actualités de dernière minute. Cet article décrit comment améliorer les temps de chargement des pages en se basant sur des connaissances courantes et l'expérimentation.

Utiliser des images et canevas provenant d'autres origines

HTML permet d'utiliser l'attribut crossorigin sur les images. Utilisé avec un en-tête CORS adéquat, les images définies par l'élément img provenant d'origines étrangères pourront être utilisées au sein d'un élément canvas comme si elles avaient été chargées depuis l'origine courante.

Utiliser les attributs de données

HTML est conçu pour être extensible et permettre d'associer des données à un élément particulier sans que ces données aient nécessairement une signification définie. Les attributs data-* permettent de stocker des informations supplémentaires sur des éléments HTML standards et sémantiques, sans recourir à des astuces comme des attributs non standard ou des propriétés supplémentaires sur le DOM.