Modern Web Guidance est désormais stable. Améliorez vos agents de codage grâce aux bonnes pratiques de développement Web validées par des experts. Lire l'annonce
Google utilise la technologie IA pour traduire le contenu dans votre langue préférée. Les traductions générées par IA peuvent contenir des erreurs.
Matériaux de construction
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les composants sont les éléments de base des applications Web modernes. Quelles bonnes pratiques devez-vous suivre lorsque vous créez vos propres composants pour qu'ils résistent à l'épreuve du temps ?
Les composants sont les éléments de base des applications Web modernes. Quelles bonnes pratiques devez-vous suivre lorsque vous créez vos propres composants pour qu'ils résistent à l'épreuve du temps ?
Éléments personnalisés
Les éléments personnalisés permettent aux développeurs d'étendre le code HTML et de créer leurs propres balises. Comme les éléments personnalisés sont basés sur des normes, ils bénéficient du modèle de composant intégré du Web. Le résultat est un code plus modulaire qui peut être réutilisé dans de nombreux contextes différents.
En savoir plus
Shadow DOM
Shadow DOM est une norme Web qui permet d'encapsuler le style et le balisage des composants. Il s'agit d'un élément essentiel de l'histoire des composants Web, car il garantit qu'un composant fonctionnera dans n'importe quel environnement, même si d'autres CSS ou JavaScript sont en jeu sur la page.
En savoir plus
Bonnes pratiques
Étant donné que les éléments personnalisés et le shadow DOM sont des primitives de bas niveau, il n'est pas toujours évident de savoir comment les combiner au mieux pour créer un composant robuste et qui fonctionne bien dans de nombreux environnements différents. Bien que vous puissiez faire à peu près tout ce que vous voulez avec ces API, voici quelques bonnes pratiques pour vous assurer que vos composants fonctionnent correctement partout.
En savoir plus
Exemples
Les composants HowTo sont un ensemble d'éléments qui illustrent les bonnes pratiques concernant les éléments personnalisés et le Shadow DOM. Ces éléments ne sont pas destinés à être utilisés en production, mais sont présentés comme une aide pédagogique pour vous aider à mettre en correspondance les suggestions de bonnes pratiques avec les implémentations réelles.
En savoir plus
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2017/08/14 (UTC).
[null,null,["Dernière mise à jour le 2017/08/14 (UTC)."],[],[]]