Adakah Atribut `skop` untuk Elemen `style` Masih Relevan dalam HTML5?

Apakah Keadaan Semasa Atribut berskop untuk Elemen gaya dalam HTML5?

Latar Belakang

HTML5 pada mulanya mencadangkan atribut berskop untuk gaya elemen, bertujuan untuk mengehadkan penggunaan gaya kepada elemen induk elemen gaya dan keturunannya. Walau bagaimanapun, disebabkan pelaksanaan penyemak imbas yang terhad, ciri itu akhirnya digugurkan.

Status Semasa (2023)

Pada masa ini, elemen gaya tanpa atribut berskop boleh muncul secara sah di mana-mana dalam dokumen. Walau bagaimanapun, spesifikasi memberi amaran terhadap kemungkinan penggayaan semula elemen dokumen lain yang tidak diingini.

Penyelesaian untuk Gaya Berskop

Walaupun kekurangan sokongan atribut berskop, gaya berskop masih boleh dicapai dengan menggunakan pemilih eksplisit, seperti sebagai pemilih ID. Berikut ialah contoh:

<code class="html"><div id="myDiv">
  <style>
    #myDiv p { margin: 1em 0; }
    #myDiv em { color: #900; }
    #myDiv whatever { /* ... */ }
  </style>
  <p>Some content here... </p>
</div></code>

Pendekatan ini memastikan gaya digunakan hanya dalam elemen div yang ditetapkan. Ia memerlukan mengelakkan pertembungan ID, tetapi itu sudah menjadi amalan terbaik.

Pandangan Masa Depan

Setakat ini, tiada tanda-tanda atribut berskop diperkenalkan semula dalam HTML. Pendekatan pemilih eksplisit kekal sebagai teknik yang disyorkan untuk mencapai gaya berskop.

Atas ialah kandungan terperinci Adakah Atribut `skop` untuk Elemen `style` Masih Relevan dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!