L'attribut \'scoped\' pour l'élément `` dans HTML5 est-il mort ?

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.

Proposition originale

Initialement, l'attribut "scoped" était destiné à restreindre l'application des styles à le sous-arbre du 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.

État actuel

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 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.

Approches alternatives

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 :

#myDiv p { margin: 1em 0; } #myDiv em { color: #900; } Some content here...

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.