Quel est l'état actuel de l'attribut « scoped » pour l'élément de style en HTML5 ? Introduction L'attribut "scoped" a été proposé pour HTML5 comme moyen de contrôler la portée des styles CSS définis dans le éléments. Cependant, sa mise en œuvre et son support ont fait l'objet de débats en cours.</p> <p><strong>Proposition originale</strong></p> <p>Initialement, l'attribut "scoped" était destiné à restreindre l'application des styles à le sous-arbre du <style> le parent de l'élément. Cela a permis aux auteurs d'utiliser des styles en ligne dans des parties spécifiques d'un document sans affecter les styles globaux.</p> <p><strong>État actuel</strong></p> <p>Malheureusement, l'attribut scoped n'a jamais obtenu un soutien généralisé sur le Web. navigateurs. En conséquence, il a finalement été supprimé de la spécification HTML5. Cela signifie que <style> les éléments peuvent désormais être placés n'importe où dans le document, mais leurs styles s'appliqueront globalement, comme c'était le cas avant HTML5.</p> <p><strong>Approches alternatives</strong></p> <p>Malgré le manque de support pour l'attribut étendu, il existe des approches alternatives pour obtenir un style étendu. Une méthode courante consiste à utiliser des noms de classe CSS ou des ID d’éléments HTML comme sélecteurs pour limiter la portée des styles. Par exemple :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><div id="myDiv"> <style> #myDiv p { margin: 1em 0; } #myDiv em { color: #900; } Some content here... Copier après la connexion Dans cet exemple, les styles ne s'appliqueront qu'aux éléments du avec l'ID "myDiv." Perspectives futures Il n'est actuellement pas prévu de réintroduire l'attribut scoped. Cependant, il est possible que les futures versions de HTML ou CSS introduisent une approche différente du style étendu. Pour l'instant, les méthodes alternatives mentionnées ci-dessus fournissent une solution fiable et multi-navigateurs pour obtenir un style étendu.
