Bagaimanakah Saya Boleh Membuat Elemen Div Boleh Diklik Sambil Mengekalkan Pematuhan XHTML 1.1?-tutorial css-php.cn

How Can I Make a Div Element Clickable While Maintaining XHTML 1.1 Compliance?

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');
}

Salin selepas log masuk

CSS ini memastikan bahawa rentang meliputi keseluruhan

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Elemen Div Boleh Diklik Sambil Mengekalkan Pematuhan XHTML 1.1?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimanakah Saya Boleh Mencapai Pembungkusan Silang Pelayar dalam Divs? Artikel seterusnya：Mengapa Imej Beralih CSS Saya Kabur atau Beralih 1px dalam Chrome?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang