L'attribut HTML « scoped » est-il mort ? L'histoire d'un long métrage qui n'a jamais existé

État actuel de l'attribut "scoped" en HTML5

L'attribut "scoped" pour l'attribut element a été proposé en HTML5 pour limiter la portée des styles à un élément parent spécifique et à ses descendants. Cet attribut visait à éviter les problèmes de style globaux involontaires. Cependant, sa mise en œuvre a été confrontée à des défis et a finalement été supprimée de la spécification.

Interprétation du W3C

Votre interprétation des documents du W3C était partiellement correcte. La proposition initiale envisageait deux types de elements :

Global : À utiliser dans et appliquer les styles globalement. Scoped : À utiliser dans le corps, avec l'attribut "scoped" et placé comme premier enfant, limitant les styles à l'élément parent. Statut actuel (2023)

Actuellement, l'attribut scoped n'est pris en charge par aucun des principaux navigateurs. les éléments peuvent apparaître n'importe où dans le document et leurs styles s'appliquent globalement, ce qui peut provoquer un comportement inattendu. La meilleure pratique consiste à utiliser des sélecteurs explicites (par exemple, ID ou classe) pour cibler des éléments ou des zones spécifiques du document.

Perspectives futures

Il n'y a pas de plans concrets pour relancer l'attribut scoped dans un avenir prévisible. L'approche actuelle consistant à utiliser des sélecteurs explicites et à garantir une isolation appropriée entre les différentes feuilles de style reste la méthode recommandée pour implémenter un style étendu.