Guides HTML

Cette page répertorie les guides d'usage de HTML.

Catégories de contenu

La plupart des éléments HTML font partie d'une ou plusieurs catégories de contenu — ces catégories regroupent des éléments qui partagent des caractéristiques communes. Il s'agit d'un regroupement souple (cela ne crée pas réellement de relation entre les éléments de ces catégories), mais cela permet de définir et de décrire le comportement partagé des catégories et leurs règles associées. Il est possible que certains éléments ne fassent partie d'aucune de ces catégories.

Comprendre les modes quirks et standards

À l'époque, les pages web étaient généralement écrites en deux versions : une pour Netscape Navigator et une pour Microsoft Internet Explorer. Lorsque les standards du web ont été créés au W3C, les navigateurs ne pouvaient pas simplement commencer à les utiliser, car cela aurait cassé la plupart des sites existants sur le web. Les navigateurs ont donc introduit deux modes pour traiter différemment les nouveaux sites conformes aux standards et les anciens sites hérités.

Fiche de synthèse HTML pour la syntaxe et les tâches courantes

Lorsqu'on utilise HTML, une antisèche, une page rapide et récapitulative (cheatsheet) peut s'avérer plutôt pratique pour se souvenir rapidement de quelle balise HTML utiliser dans quel cas. MDN possède également une documentation HTML exhaustive ainsi que différents tutoriels HTML détaillés. Toutefois, dans la plupart des cas, il suffit juste d'une rapide vérification afin de pouvoir continuer. Cet article, sous la forme d'une antisèche synthétique, est là pour fournir des exemples de codes concis pour les usages les plus fréquents des éléments les plus utilisés.

Utiliser la validation des formulaires HTML et l'API de validation des contraintes

La création de formulaires web a toujours été une tâche complexe. Alors que le balisage du formulaire lui-même est simple, vérifier que chaque champ possède une valeur valide et cohérente est plus difficile, et informer l'utilisateur·ice du problème peut vite devenir un casse-tête. HTML5 a introduit de nouveaux mécanismes pour les formulaires : il a ajouté de nouveaux types sémantiques pour l'élément input et la validation des contraintes pour faciliter le contrôle du contenu du formulaire côté client. Les contraintes de base et courantes peuvent être vérifiées, sans avoir besoin de JavaScript, en définissant de nouveaux attributs ; des contraintes plus complexes peuvent être testées à l'aide de l'API Constraint Validation.

Utiliser les commentaires HTML <!-- … -->

Un commentaire HTML sert à ajouter des notes explicatives au balisage ou à empêcher le navigateur d'interpréter certaines parties du document.

Utiliser les formats de date et d'heure en HTML

Certains éléments HTML manipulent des valeurs temporelles pour des dates ou des heures. Les formats utilisés pour les chaînes de caractères qui définissent ces valeurs sont décrits dans cet article.

Utiliser les images adaptatives en HTML

Dans cet article, nous allons préciser le concept d'images adaptatives — images qui s'adaptent aux appareils selon les différentes tailles d'écran, résolutions et autres caractéristiques de ce type — et examiner les outils fournis par HTML pour faciliter leur mise en œuvre. Les images adaptatives ne sont qu'une partie (elles préparent le terrain) de la conception de sites web adaptatifs, sujet sur lequel vous en apprendrez beaucoup plus dans un prochain module au sujet des CSS.

Utiliser les microdonnées en HTML

Les microdonnées font partie du standard HTML WHATWG et servent à imbriquer des métadonnées dans le contenu existant des pages web. Les moteurs de recherche et les robots d'indexation peuvent extraire et traiter les microdonnées d'une page web pour offrir une expérience de navigation enrichie aux utilisateur·ice·s. Les moteurs de recherche tirent grand profit d'un accès direct à ces données structurées, car cela leur permet de comprendre les informations présentes sur les pages web et de fournir des résultats plus pertinents aux utilisateur·ice·s. Les microdonnées utilisent un vocabulaire associé pour décrire un élément et des paires nom-valeur pour attribuer des valeurs à ses propriétés. Les microdonnées sont une tentative de fournir une méthode déclarative pour annoter les éléments HTML avec des balises lisibles par machine, par rapport aux approches similaires utilisant RDFa et les microformats classiques.

Utiliser les microformats en HTML

Les microformats ^(angl.) sont des standards utilisés pour intégrer de la sémantique et des données structurées dans le HTML, et fournir une API utilisable par des applications sociales web, des moteurs de recherche, des agrégateurs et d'autres outils. Ces modèles minimaux de HTML servent à baliser des entités allant d'informations fondamentales à des informations spécifiques à un domaine, telles que des personnes, des organisations, des évènements et des lieux.