Puis-je mettre des balises `` dans la section `` de mon document HTML ?

Intégration Les balises dans

HTML 4 dictent que les balises doivent être placées dans le champ section. Cependant, la plupart des navigateurs autorisent leur inclusion dans le champ element.

Historiquement, cette pratique était considérée comme un mauvais style de programmation. Cependant, l'introduction de l'attribut scoped dans HTML 5 permet la création de feuilles de style limitées à l'élément parent de l'attribut étiqueter. Cela permet à à placer dans le champ élément, à condition que certaines limitations soient respectées.

Étude de cas : Style étendu

Considérez le code HTML suivant :

Dans un HTML -5 navigateur activé prenant en charge l'attribut scoped, le rendu de ce code entraîne la limitation de la portée de la feuille de style à l'attribut element. Attention : manque de prise en charge des attributs de portée

Il est important de noter qu'en mai 2013 (au moment de la rédaction), aucun navigateur grand public ne prenait en charge l'attribut de portée . Cependant, les versions des développeurs de Chromium le prenaient en charge.

Implication : pérennité et comportement actuel du navigateur

Malgré le manque de prise en charge de l'attribut scoped, les navigateurs actuels autorisent généralement balises dans le .

Étant donné que :

L'attribut Scoped est ignoré par la plupart des navigateurs balises dans sont autorisés par la plupart des navigateurs Les implémentations futures doivent autoriser la portée balises dans Il est essentiellement inoffensif de placer balises dans le , à condition qu'elles soient évolutives avec l'attribut scoped. Le seul inconvénient est que les navigateurs actuels ne couvrent pas la feuille de style.

Conclusion

L'intégration de CSS dans HTML est un moyen pratique d'obtenir des styles spécifiques pour les composants modulaires encapsulés. Même si cette pratique était autrefois considérée comme de mauvaise qualité, l'attribut scoped de HTML 5 constitue une solution légitime. Cependant, il est essentiel d'être conscient des limitations de prise en charge du navigateur et d'un code évolutif en conséquence.