Bagaimana untuk Membuat Keseluruhan Div Boleh Diklik Tanpa JavaScript?

Menjadikan 'div' Keseluruhan Boleh Diklik dengan HTML dan CSS

Anda mencari penyelesaian untuk menjadikan keseluruhan 'div' boleh diklik tanpa JavaScript. Walaupun membalut 'div's dalam teg 'a' mungkin kelihatan seperti pilihan yang berdaya maju, ia menimbulkan kebimbangan pengesahan HTML. Berikut ialah pendekatan yang lebih patuh:

Menggunakan Pautan Fill-Div

Buat pautan di dalam 'div' dan gayakannya untuk mengisi keseluruhan kawasan 'div'. Ini akan memberikan ilusi bahawa 'div' itu sendiri boleh diklik.

CSS:

#my-div {
    background-color: #f00;
    width: 200px;
    height: 200px;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

HTML:

<div>

Dengan menjadikan pautan sebagai elemen blok dan menetapkan ketinggian dan lebarnya kepada 100%, ia meliputi keseluruhan ruang 'div'. Apabila diklik, pautan akan mengubah hala ke halaman yang ditentukan, menjadikan 'div' kelihatan boleh diklik.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Keseluruhan Div Boleh Diklik Tanpa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!