É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.</p> <p><strong>Interprétation du W3C</strong></p> <p>Votre interprétation des documents du W3C était partiellement correcte. La proposition initiale envisageait deux types de <style> elements :</p> <ul> <li> <strong>Global <style>:</strong> À utiliser dans <head> et appliquer les styles globalement.</li> <li> <strong>Scoped <style> :</strong> À utiliser dans le corps, avec l'attribut "scoped" et placé comme premier enfant, limitant les styles à l'élément parent. </li> </ul> <p><strong>Statut actuel (2023)</strong></p> <p>Actuellement, l'attribut scoped n'est pris en charge par aucun des principaux navigateurs. <style> 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.</p> <p><strong>Perspectives futures</strong></p> <p>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.</p>
