Bagaimanakah Saya Boleh Membuat Elemen Div Bertindak Seperti Pautan Boleh Diklik dalam XHTML 1.1 yang Sah?

Menukar Div menjadi Pautan Boleh Klik dengan XHTML 1.1 yang Sah

Daripada menukar div menjadi pautan secara langsung, terdapat teknik mudah untuk mencapai fungsi yang sama sambil mengekalkan XHTML 1.1 yang sah:

1. Buat div anda kandungan: Gunakan teknik CSS biasa dan HTML yang sah untuk mereka bentuk div anda seperti yang dikehendaki.
2. Sertakan pautan dalam div: Letakkan pautan dalam div yang akan berfungsi sebagai lalai pautan apabila pengguna mengklik pada div.
3. Sarangkan span kosong di dalam pautan: Di dalam pautan, masukkan teg rentang kosong ( ) tanpa garis miring penutup.
4. Tetapkan kedudukan: relatif kepada div: Tetapkan sifat kedudukan div kepada relatif .
5. Gayakan rentang kosong: Gunakan CSS berikut pada yang kosong span:

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

  z-index: 1;

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

Ini akan mencipta lapisan lutsinar di atas div yang menutupinya sepenuhnya. Memandangkan rentang berada di dalam pautan, ia berfungsi sebagai kawasan boleh klik.

6. Laraskan indeks-z untuk pautan lain (pilihan): Jika anda mempunyai pautan tambahan dalam div, tetapkan kedudukan mereka: relatif dan nilai indeks z yang lebih tinggi (mis., 2) untuk memastikan ia dipaparkan di hadapan rentang lalai pautan.

Dengan mengikuti langkah ini, anda boleh mencipta div yang berfungsi sebagai pautan sambil mengekalkan penanda XHTML 1.1 yang sah, memastikan kebolehaksesan dan pengoptimuman SEO.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Elemen Div Bertindak Seperti Pautan Boleh Diklik dalam XHTML 1.1 yang Sah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!