Le code HTML constitue la couche de document du Web. Il fournit la structure et le contenu nécessaires pour que les pages Web soient pertinentes. Vous y trouverez des contenus HTML tels que des cours, des articles, des collections et d'autres informations utiles pour vous aider à développer vos connaissances sur cette partie cruciale du Web.
Vous ne connaissez pas encore le langage HTML ? Nous vous proposons un cours complet pour vous aider à vous lancer.
Consultez ces autres cours pour approfondir des sujets spécifiques du langage HTML.
Découvrez les dernières fonctionnalités HTML disponibles dans tous les principaux moteurs de navigateur.
Découvrez les modèles et les concepts HTML qui vous aideront à créer des applications Web plus accessibles.
Découvrez les concepts et les modèles basés sur le langage HTML pour accélérer vos applications Web.
Découvrez comment utiliser les outils pour les développeurs Chrome pour déboguer le code HTML et le DOM dans vos applications Web.
COURS

Si vous débutez avec le code HTML, nous vous accompagnons. Notre cours Apprendre le langage HTML vous présente les principes de base du fonctionnement du langage HTML, tels que les problèmes structurels, les métadonnées, la sémantique et d'autres sujets pour vous aider à affiner vos compétences.

Si vous souhaitez en savoir plus sur le langage HTML, ces autres cours vous présenteront des sujets plus avancés que vous pourrez utiliser pour améliorer vos applications Web.

Les formulaires HTML permettent aux utilisateurs de fournir des entrées pour vos applications Web. Ce cours vous apprendra tout ce que vous devez savoir pour les utiliser efficacement.
Bien que les images soient couramment utilisées sur le Web, il ne suffit pas d'utiliser l'élément img. Ce cours vous apprend tout ce que vous devez savoir sur l'utilisation des images sur le Web.
Bien que l'accessibilité s'applique à toutes les parties de la plate-forme Web, l'écriture de code HTML accessible est la pierre angulaire de la création d'applications Web accessibles. Ce cours vous apprend tout ce que vous devez savoir pour écrire du balisage accessible.

La ligne de base indique aux développeurs Web quand les fonctionnalités de la plate-forme Web peuvent être utilisées en toute sécurité dans tous les principaux moteurs de navigateur. Voici quelques fonctionnalités HTML qui sont désormais disponibles en tant que référence.

Les accordéons exclusifs sont désormais disponibles en tant que référence en septembre 2024.
Le Shadow DOM déclaratif est devenu la référence en février 2024.
L'API Popover est disponible en version de référence depuis avril 2024.
L'attribut "Inerte" est devenu "Référence" en avril 2023.
Le chargement différé des iFrames est devenu disponible en tant que référence pour les nouveautés en décembre 2023.

Le code HTML est un élément essentiel de la création d'applications Web accessibles. Dans cette section, vous trouverez des articles et des ressources qui vous permettront d'en savoir plus sur l'utilisation du langage HTML pour créer des applications Web accessibles.

En utilisant les éléments appropriés pour les titres et les repères, vous pouvez considérablement améliorer l'expérience de navigation des utilisateurs de technologies d'assistance.
En utilisant les éléments HTML sémantiques appropriés, vous pourrez peut-être répondre à la plupart de vos besoins d'accès au clavier, voire à tous. Ainsi, vous passez moins de temps à manipuler l'index de l'onglet, et vos utilisateurs sont plus satisfaits !
De nombreux utilisateurs souffrant de troubles moteurs, temporaires ou permanents, se servent des raccourcis clavier pour naviguer plus efficacement dans les applications. Une bonne stratégie de navigation via le clavier pour votre application améliore l'expérience pour tous les utilisateurs.
Pour qu'un lecteur d'écran présente une interface utilisateur vocale à l'utilisateur, les éléments significatifs doivent être associés à des libellés ou à des alternatives textuelles appropriés. Un libellé ou un texte alternatif attribue à un élément son nom accessible, l'une des propriétés clés pour exprimer la sémantique de l'élément dans l'arborescence d'accessibilité.

La façon dont vous utilisez le code HTML peut avoir un impact sur les performances de vos applications Web. Cette section contient des articles et des ressources qui vous aideront à découvrir comment utiliser le code HTML pour accélérer vos applications Web.

Le scanner de préchargement du navigateur est un analyseur HTML spécialisé que le navigateur utilise pour découvrir les ressources plus tôt qu'il ne le ferait autrement. Découvrez comment il contribue à améliorer les performances des applications Web et comment éviter ce type de problème.
L'API Fetch Priority utilise l'attribut HTML fetchpriority pour indiquer la priorité relative des ressources par rapport au navigateur. Elle permet d'optimiser le chargement et d'améliorer les Core Web Vitals.
Le préchargement de ressources est une technique qui utilise l'élément HTML link pour indiquer au navigateur d'extraire une ressource avant qu'elle ne soit nécessaire. Découvrez dans ce guide comment l'utiliser pour améliorer les performances de vos applications Web.
Les images à chargement différé constituent une technique efficace pour préserver la bande passante lors du chargement initial d'une page. Ce guide vous explique comment utiliser le code HTML loading pour charger des images en différé.

Les outils pour les développeurs Chrome sont une suite d'outils permettant aux développeurs de déboguer des applications Web. Voici quelques outils que vous pouvez consulter pour vous aider à déboguer le code HTML et le DOM de vos pages dans vos applications Web, ainsi que d'autres concepts connexes.

DevTools propose le panneau "Éléments", qui vous permet d'afficher, de modifier et de déboguer le DOM de votre application Web. Lisez ce guide pour commencer à utiliser le panneau "Éléments".
Le panneau "Éléments" de DevTools vous permet de détecter les modifications du DOM déclenchées par JavaScript. Découvrez comment utiliser cette fonctionnalité utile pour déboguer les modifications apportées au DOM de votre application Web.
Le panneau "Couverture" est un outil utile pour rechercher du code CSS et JavaScript inutilisé chargé par le code HTML de votre application Web. Ce guide vous explique comment l'utiliser et comment il peut améliorer les performances de vos applications Web.