Bagaimana untuk Membuat 'div' Boleh Diklik Tanpa Menggunakan JavaScript?

Mencipta 'div' Boleh Klik Tanpa JavaScript

Menjadikan elemen 'div' boleh diklik selalunya melibatkan penggunaan JavaScript, tetapi terdapat HTML dan CSS teknik yang boleh mencapai kesan ini tanpa skrip. Salah satu kaedah sedemikian ialah untuk menyertakan 'div' dalam teg anchor, seperti yang dilihat dalam kod berikut:

<a href="#">
    <div>This is a link</div>
</a>

Walau bagaimanapun, pengesah HTML memberi amaran agar tidak meletakkan elemen blok (seperti 'div') dalam elemen sebaris (seperti 'a'). Pendekatan yang lebih baik ialah mencipta peraturan CSS yang menjadikan pautan (tag anchor) mengisi keseluruhan 'div':

CSS:

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

HTML:

<div>

Teknik ini menggunakan gabungan HTML dan CSS untuk mencipta 'div' boleh klik yang mengelakkan keperluan untuk JavaScript. Dengan melampirkan 'div' dalam teg anchor dan menggunakan CSS yang mengisi elemen 'a' pada dimensi 'div', keseluruhan 'div' menjadi pautan yang boleh diklik.

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