Bagaimanakah Saya Boleh Membuat Elemen Div Boleh Diklik Sambil Mengekalkan Pematuhan XHTML 1.1?

Mengubah Div menjadi Pautan Boleh Klik dengan Pematuhan XHTML 1.1

Keperluan untuk mengubah

elemen ke dalam pautan boleh klik tanpa mengubah kandungan sedia ada timbul dalam pelbagai senario pembangunan web. Manakala kaedah mudah membalut

dalam tag mungkin kelihatan logik, ia gagal memenuhi piawaian pengesahan XHTML 1.1.

Melaksanakan Penyelesaian XHTML 1.1 yang Sah

Untuk menangani cabaran ini, penyelesaian yang lebih rumit diperlukan iaitu mengekalkan pematuhan XHTML 1.1. Daripada terus membalut

dengan elemen, adalah disyorkan untuk:

• Membuat pautan lalai: Letakkan elemen pautan () dalam
  yang akan berfungsi sebagai pautan utama untuk keseluruhan elemen.
• Sisipkan rentang kosong: Dalam elemen, sertakan teg rentang kosong ().
• Letakkan elemen: Tetapkan "kedudukan:relative;" ke
  bekas untuk menetapkan kedudukan relatifnya.
• CSS untuk rentang: Gunakan sifat CSS berikut pada rentang kosong:

{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   

CSS ini memastikan bahawa rentang meliputi keseluruhan

dan bertindak sebagai pautan boleh klik, meningkatkan kebolehcapaian pengguna dan mengekalkan pematuhan XHTML 1.1.