Bolehkah ID HTML Bermula dengan Nombor?

Bolehkah Saya Mempunyai Elemen dengan ID Yang Bermula dengan Nombor?

Soalan:

Adakah mungkin untuk buat elemen dengan ID yang bermula dengan atau mengandungi sepenuhnya nombor?

Jawapan:

Ya, adalah mungkin untuk mencipta elemen dengan ID yang bermula dengan atau terdiri sepenuhnya daripada nombor. Walau bagaimanapun, menggunakan pemilih CSS untuk memilih atau menggayakan elemen sedemikian boleh menjadi mencabar.

Penjelasan:

Spesifikasi HTML5 membenarkan nilai ID yang mengandungi digit semata-mata, seperti mana-mana aksara kecuali ruang boleh diterima. Walaupun spesifikasi HTML terdahulu mengenakan peraturan yang lebih ketat, penyemak imbas tidak pernah menguatkuasakannya dengan ketat.

Pemilihan ID dalam CSS:

Apabila menggunakan pemilih CSS untuk memilih elemen dengan ID berangka, ia adalah penting untuk mengambil perhatian batasan:

• Pemilih ID CSS tidak boleh terus menggunakan ID yang bermula dengan satu digit. Mereka mesti melarikan diri menggunakan garis miring ke belakang. Sebagai contoh, ID "12" akan diwakili sebagai "#3132".

Amalan Terbaik:

Demi kesederhanaan, ia adalah disyorkan untuk memulakan ID dengan surat jika anda berhasrat menggunakan pemilih CSS untuk digunakan mereka.

Contoh:

Di bawah ialah contoh yang menunjukkan penggunaan div dengan ID "12" dan cara berinteraksi dengannya menggunakan CSS, JavaScript melalui document.getElementById dan JavaScript melalui document.querySelector:

// CSS
# {
  background: #0bf;
}

// JavaScript via getElementById
document.getElementById("12").style.border = "2px solid black";

// JavaScript via querySelector (if supported)
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

Contoh ini menunjukkan elemen dengan ID berangka boleh dimanipulasi dalam penyemak imbas, tetapi menggunakan pemilih ID yang terlepas dalam CSS adalah perlu untuk mengelakkan kemungkinan konflik.

Atas ialah kandungan terperinci Bolehkah ID HTML Bermula dengan Nombor?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!