Adakah Atribut \'scoped\' untuk Elemen `` dalam HTML5 Mati?-tutorial css-php.cn

Adakah Atribut \'scoped\' untuk Elemen `` dalam HTML5 Mati?

Linda Hamilton

Lepaskan： 2024-10-31 20:34:29

asal

574 orang telah melayarinya

Is the

Apakah keadaan semasa atribut "skop" untuk elemen gaya dalam HTML5?

Pengenalan

Atribut "skop" telah dicadangkan untuk HTML5 sebagai cara untuk mengawal skop gaya CSS yang ditakrifkan dalam elemen. Walau bagaimanapun, pelaksanaan dan sokongannya telah menjadi subjek perbahasan yang berterusan.

Cadangan Asal

Pada mulanya, atribut "skop" bertujuan untuk menyekat penggunaan gaya untuk subpokok bagi induk unsur. Ini membenarkan pengarang menggunakan gaya sebaris dalam bahagian tertentu dokumen tanpa menjejaskan gaya global.

Keadaan Semasa

Malangnya, atribut berskop tidak pernah mendapat sokongan meluas daripada web pelayar. Akibatnya, ia akhirnya digugurkan daripada spesifikasi HTML5. Ini bermakna elemen kini boleh diletakkan di mana-mana dalam dokumen, tetapi gayanya akan digunakan secara global, seperti yang berlaku sebelum HTML5.

Pendekatan Alternatif

Walaupun kekurangan sokongan untuk atribut berskop, terdapat pendekatan alternatif untuk mencapai penggayaan berskop. Satu kaedah biasa ialah menggunakan nama kelas CSS atau ID elemen HTML sebagai pemilih untuk mengehadkan skop gaya. Contohnya:

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

Salin selepas log masuk

Dalam contoh ini, gaya hanya akan digunakan pada elemen dalam

dengan ID "myDiv."

Prospek Masa Depan

Pada masa ini tiada rancangan untuk memperkenalkan semula atribut berskop. Walau bagaimanapun, kemungkinan versi HTML atau CSS akan datang boleh memperkenalkan pendekatan yang berbeza untuk penggayaan berskop. Buat masa ini, kaedah alternatif yang dinyatakan di atas menyediakan penyelesaian yang boleh dipercayai dan merentas penyemak imbas untuk mencapai penggayaan berskop.

Atas ialah kandungan terperinci Adakah Atribut \'scoped\' untuk Elemen `` dalam HTML5 Mati?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!