Pengidentifikasi Unik dalam Halaman Web
Menurut W3C, atribut ID dalam HTML adalah:
pengidentifikasi unik untuk elemen
Ini adalah deskripsi yang sangat sederhana tentang atribut yang sangat kuat. Atribut ID dapat melakukan beberapa tindakan untuk halaman Web:
- Pemilih lembar gaya - Ini adalah fungsi yang digunakan sebagian besar orang untuk atribut ID. Karena mereka unik, Anda dapat yakin bahwa Anda akan menata hanya satu item di halaman Web Anda saat Anda bergaya menggunakan properti ID. Kelemahan menggunakan ID untuk tujuan styling adalah memiliki ID spesifisitas yang sangat tinggi, yang dapat membuatnya sangat menantang jika Anda perlu mengesampingkan gaya untuk beberapa alasan nanti dalam stylesheet. Karena itu, praktik Web saat ini cenderung menggunakan kelas dan pemilih kelas menggantikan ID dan pemilih ID untuk tujuan styling umum.
- Named anchor untuk menghubungkan ke - Web browser memungkinkan Anda untuk menargetkan lokasi yang tepat di dokumen Web Anda dengan menunjuk ke ID di bagian akhir URL. Anda cukup menambahkan id ke akhir halaman URL, didahului dengan tanda pound (#). Anda juga dapat menghubungkan ke jangkar ini dengan halaman itu sendiri dengan menambahkan tanda pound (#) dan nama ID di atribut href untuk elemen. Misalnya, jika Anda memiliki divisi dengan ID kontak, Anda dapat menautkannya ke halaman itu dengan ini:
Ini adalah teks tautan - Referensi untuk skrip - Jika Anda menulis fungsi Javascript apa pun, Anda akan ingin menggunakan atribut ID sehingga Anda dapat membuat perubahan pada elemen tepat pada halaman dengan skrip Anda.
- Pemrosesan lainnya - ID memungkinkan Anda memproses dokumen Web Anda dengan cara apa pun yang Anda perlukan. Misalnya, Anda dapat mengekstrak HTML ke dalam database, dan atribut ID mengidentifikasi bidang.
Aturan untuk Menggunakan Atribut ID
Ada beberapa aturan yang harus Anda ikuti untuk memiliki dokumen yang valid yang menggunakan atribut id di mana saja dalam dokumen:
- ID harus dimulai dengan huruf (az atau AZ)
- Semua karakter berikutnya dapat berupa huruf, angka (0-9), tanda hubung (-), garis bawah (_), titik dua (:), dan titik (.).
- Setiap ID harus unik di dalam dokumen. Mengapa?
Menggunakan Atribut ID
Setelah Anda mengidentifikasi elemen unik dari situs Web Anda, Anda dapat menggunakan style sheet untuk hanya gaya satu elemen itu.
Hubungi kami
Ada beberapa konten teks di sini
div # contact-section {background: # 0cf;}
-atau hanya-
# contact-section {background: # 0cf;}
Salah satu dari kedua pemilih itu akan berfungsi. Yang pertama (div # contact-section) akan menargetkan pembagian dengan atribut ID "contact-section". Yang kedua (# kontak-bagian) masih akan menargetkan elemen dengan ID "kontak-bagian", itu hanya tidak akan tahu bahwa apa yang ia cari adalah sebuah divisi. Hasil akhir dari styling akan sama persis.
Anda juga dapat menautkan ke elemen tertentu tanpa menambahkan tag apa pun:
Tautkan ke informasi kontak
Referensi paragraf di skrip Anda dengan metode JavaScript "getElementById":
document.getElementById ("contact-section")
Atribut ID masih sangat berguna dalam HTML, meskipun pemilih kelas telah menggantikannya untuk sebagian besar tujuan styling umum. Kemampuan untuk menggunakan atribut ID sebagai pengait untuk gaya, sementara juga menggunakannya sebagai jangkar untuk tautan atau target untuk skrip, berarti bahwa mereka masih memiliki tempat penting dalam desain Web saat ini.
Diedit oleh Jeremy Girard