Pengenal unik dalam halaman Web
Menurut W3C, atribut ID dalam HTML adalah:
pengenal unik untuk elemen ini
Ini adalah gambaran ringkas mengenai sifat yang sangat berkuasa. Atribut ID boleh melakukan beberapa tindakan untuk laman Web:
- Pemilihan lembar gaya - Ini adalah fungsi kebanyakan orang menggunakan atribut ID untuk. Kerana mereka adalah unik, anda pasti anda akan menyusun hanya satu item pada halaman Web anda apabila anda menggunakan gaya ID. Kelemahan untuk menggunakan ID untuk tujuan gaya adalah bahawa ia mempunyai tahap kekhususan yang sangat tinggi, yang boleh menjadikannya sangat mencabar jika anda perlu menimpa gaya untuk beberapa sebab kemudian dalam lembaran gaya. Oleh kerana itu, amalan Web semasa bersandar ke arah menggunakan kelas dan pemilih kelas di tempat pemilih ID dan ID untuk tujuan gaya umum.
- Dinamakan penambat untuk menghubungkan ke - Pelayar web membolehkan anda untuk menargetkan lokasi tepat di dokumen Web anda dengan menunjuk ke ID di akhir URL. Anda hanya menambah id ke akhir URL halaman, didahului oleh tanda pound (#). Anda juga boleh memautkan ke sauh ini dengan halaman itu sendiri dengan menambahkan tanda pound (#) dan nama ID dalam atribut href untuk elemen. Contohnya, jika anda mempunyai pembahagian dengan ID kenalan, anda boleh memautnya pada halaman tersebut dengan ini:
Ini adalah teks pautan - Rujukan untuk skrip - Jika anda menulis sebarang fungsi Javascript, anda akan mahu menggunakan atribut ID supaya anda boleh membuat perubahan pada unsur yang tepat pada halaman dengan skrip anda.
- Pemprosesan lain - Id membenarkan anda memproses dokumen Web anda dalam apa jua cara yang anda perlukan. Contohnya, anda boleh mengeluarkan HTML ke pangkalan data, dan atribut ID mengenal pasti medan.
Aturan untuk Menggunakan Atribut ID
Terdapat beberapa peraturan yang perlu anda ikuti untuk mempunyai dokumen yang sah yang menggunakan atribut id di mana-mana sahaja dalam dokumen:
- ID mesti bermula dengan huruf (az atau AZ)
- Semua huruf seterusnya boleh menjadi huruf, nombor (0-9), tanda hubung (-), garis bawah (_), titik (:), dan tempoh (.).
- Setiap ID mestilah unik di dalam dokumen itu. Mengapa?
Menggunakan Atribut ID
Sebaik sahaja anda telah mengenal pasti elemen unik laman web anda, anda boleh menggunakan helaian gaya untuk menyesuaikan hanya satu elemen.
Hubungi Kami
Terdapat beberapa kandungan teks di sini
div # contact-section {background: # 0cf;}
-atau hanya-
# seksyen kenalan {latar belakang: # 0cf;}
Sama ada kedua pemilih ini akan berfungsi. Yang pertama (div # contact-section) akan menyasarkan pembahagian dengan atribut ID "seksyen kenalan". Yang kedua (# seksyen kenalan) masih mensasarkan elemen dengan ID "seksyen kenalan", ia tidak akan tahu bahawa apa yang ia cari adalah pembahagian. Hasil akhir styling akan sama.
Anda juga boleh memaut ke elemen tertentu tanpa menambahkan sebarang tag:
Pautan ke maklumat hubungan
Rujuk ayat tersebut dalam skrip anda dengan kaedah "getElementById" JavaScript:
document.getElementById ("seksyen kenalan")
Atribut ID masih sangat berguna dalam HTML, walaupun pemilih kelas telah menggantikannya untuk tujuan penggayaan yang paling umum. Keupayaan untuk menggunakan atribut ID sebagai cangkuk untuk gaya, sementara juga menggunakannya sebagai sauh untuk pautan atau sasaran untuk skrip, bermakna bahawa mereka masih mempunyai tempat yang penting dalam reka bentuk Web hari ini.
Diedit oleh Jeremy Girard