HTML: Adakah nilai atribut id sah?

Question

Apakah peraturan untuk nilai semasa mencipta atribut id

Answer 1

Dari Spesifikasi HTML 4:

Kesilapan biasa ialah menggunakan ID yang bermula dengan nombor.

Answer 2

Untuk HTML 4, jawapan teknikalnya ialah:

HTML 5 lebih bertolak ansur dan hanya memerlukan id mengandungi sekurang-kurangnya satu aksara dan tidak boleh mengandungi sebarang aksara ruang.

Dalam XHTML, atribut id adalah sensitif huruf besar-kecil.

Dari perspektif praktikal semata-mata, anda mungkin mahu mengelak daripada menggunakan aksara tertentu. Dalam pemilih CSS, noktah, titik bertindih dan tanda paun mempunyai makna yang istimewa, jadi anda perlu melepaskannya menggunakan garis miring ke belakang dalam CSS atau garis miring belakang berganda dalam rentetan pemilih yang dihantar kepada aksara jQuery. Dalam helaian gaya atau kod anda, pertimbangkan kekerapan anda perlu melepaskan watak sebelum memutuskan sama ada untuk menggunakan noktah dan titik bertindih dalam id.

Contohnya, pengisytiharan HTML <div id="first.name"></div>是有效的。你可以在CSS中选择该元素为#first.name，在jQuery中选择为$('#first\.name')。但是如果你忘记了反斜杠，$('#first.name')，你将得到一个完全有效的选择器，它寻找id为first并且具有class为name的元素。这是一个容易忽视的错误。从长远来看，你可能更喜欢选择id为first-name (gunakan tanda sempang dan bukannya noktah).

Dengan mematuhi konvensyen penamaan, anda boleh memudahkan tugas pembangunan anda. Contohnya, jika anda mengehadkan diri anda sepenuhnya kepada aksara huruf kecil sahaja, dan sentiasa menggunakan tanda sempang atau garis bawah untuk memisahkan perkataan (tetapi bukan kedua-dua tanda sempang dan garis bawah, pilih satu dan jangan sekali-kali menggunakan yang lain), maka anda mempunyai corak Mudah diingati. Anda tidak akan tertanya-tanya "ya". Lebih suka camelCase? Kemudian hadkan diri anda kepada camelCase sahaja, tiada tanda sempang atau garis bawah, dan sentiasa gunakan huruf besar atau huruf kecil sebagai aksara pertama, jangan campurkan firstName还是FirstName？”因为你总是知道你应该输入first_name

---

Masalah yang sangat jarang berlaku sekarang ialah sekurang-kurangnya satu penyemak imbas, Netscape 6,

tersilap menganggap nilai atribut id sebagai sensitif huruf besar . Ini bermakna jika anda menaip (huruf besar 'F') dalam HTML, pelayar buggy itu tidak akan dapat menetapkan warna elemen kepada merah. Pada masa penyuntingan (April 2015), diharapkan anda tidak perlu menyokong Netscape 6. Anggap ini nota sejarah. id="firstName"（小写的'f'），并在CSS中输入了#FirstName { color: red }