Intégration Les balises dans <body></strong></p> <p>HTML 4 dictent que <style> les balises doivent être placées dans le champ <head> section. Cependant, la plupart des navigateurs autorisent leur inclusion dans le champ <body> element.</p> <p>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 <style> étiqueter. Cela permet à <style> à placer dans le champ <body> élément, à condition que certaines limitations soient respectées.</p> <p><strong>Étude de cas : Style étendu</strong></p> <p>Considérez le code HTML suivant :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><!DOCTYPE html> <html> <head></head> <body> <div></pre><div class="contentsignin">Copier après la connexion</div></div><p>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 <div> element.<p><strong>Attention : manque de prise en charge des attributs de portée</strong></p><p>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.</p><p><strong>Implication : pérennité et comportement actuel du navigateur</strong></p><p>Malgré le manque de prise en charge de l'attribut scoped, les navigateurs actuels autorisent généralement <style> balises dans le <body>.</p><p>Étant donné que :</p></pre> <ul> <li>L'attribut Scoped est ignoré par la plupart des navigateurs</li> <li><style> balises dans <body> sont autorisés par la plupart des navigateurs</li> <li>Les implémentations futures doivent autoriser la portée <style> balises dans <body></li> </ul> <p>Il est essentiellement inoffensif de placer <style> balises dans le <body>, à 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.</p> <p><strong>Conclusion</strong></p> <p>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.</p>
