Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Membuat Keseluruhan Sel Jadual Boleh Diklik dalam HTML?

Bagaimanakah Saya Boleh Membuat Keseluruhan Sel Jadual Boleh Diklik dalam HTML?

Patricia Arquette
Lepaskan: 2024-11-12 02:08:02
asal
463 orang telah melayarinya

How Can I Make an Entire Table Cell Clickable in HTML?

Hiperpautan Keseluruhan Sel Jadual

Dalam HTML, elemen

Penyelesaian tanpa JavaScript

Walaupun secara semantik tidak betul, ia mungkin untuk mencipta hiperpautan daripada keseluruhan teg elemen yang digunakan untuk mencipta hiperpautan hendaklah dijadikan elemen peringkat blok menggunakan CSS.

Berikut ialah contoh:

<td >
  <a href="http://example.com">
    <div>
Salin selepas log masuk

Penyelesaian Alternatif (Tidak Disarankan) untuk Internet Explorer

Nota: Penyelesaian ini tidak digalakkan dan hanya disyorkan sebagai sandaran untuk senario tertentu.

Jika keserasian dengan Internet Explorer adalah kritikal, pendekatan bukan standard boleh digunakan:

<table>
  <tr>
    <a href="http://example.com"><td width="200">Hello world</td></a>
  </tr>
</table>
Salin selepas log masuk

Penyelesaian ini akan berfungsi dengan betul dalam Internet Explorer tetapi tidak akan memaparkan pautan dalam pelayar lain.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Keseluruhan Sel Jadual Boleh Diklik dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan