Bolehkah saya Menggunakan Nombor sebagai Aksara Pertama dalam ID Elemen HTML?

Bolehkah Saya Mempunyai Elemen dengan ID Yang Bermula dengan Nombor?

Membahagikan ID elemen dengan nombor mungkin kelihatan seperti amalan luar biasa, tetapi ia boleh dilakukan sepenuhnya dalam HTML. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa walaupun sah, menggunakan ID berangka boleh menimbulkan cabaran apabila memilih dan menggayakan elemen dengan CSS.

HTML membenarkan nilai ID yang terdiri daripada digit semata-mata; sebarang watak tetapi ruang dianggap boleh diterima. Penyemak imbas secara sejarah menyokong amalan ini, yang membawa kepada kelonggaran sekatan yang lebih ketat dalam spesifikasi HTML5.

Walaupun menggunakan ID berangka dalam HTML boleh dilaksanakan secara teknikal, berhati-hati semasa menggunakannya dalam pemilih CSS adalah berhemat. Pemilih id CSS tidak membenarkan ID yang bermula dengan digit, memerlukan pelarian mereka. Sebagai contoh, #12 tidak sah sebagai pemilih CSS dan mesti dinyatakan sebagai #3132.

Bagi mereka yang berhasrat untuk menggunakan ID berangka dengan pemilih CSS, bermula dengan huruf disyorkan untuk kesederhanaan. Namun begitu, di bawah ialah contoh yang menunjukkan penggunaan div dengan ID "12" dan pelbagai kaedah memanipulasinya:

• CSS: #3132 {background: #0bf; }
• JavaScript (getElementById): document.getElementById("12").style.border = "2px pepejal hitam";
• JavaScript (querySelector): document.querySelector("#3132").style.fontStyle = "italic";

Sila ambil perhatian bahawa sokongan untuk document.querySelector mungkin berbeza-beza merentas pelayar. Penyemak imbas yang menyokong fungsi ini akan dapat menggunakan perubahan gaya menggunakan kaedah yang terakhir.

Atas ialah kandungan terperinci Bolehkah saya Menggunakan Nombor sebagai Aksara Pertama dalam ID Elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!