Comment rendre une division entière cliquable sans JavaScript ?

Rendre un 'div' entier cliquable avec HTML et CSS

Vous cherchez une solution pour rendre un 'div' entier cliquable sans JavaScript. Même si envelopper les « div » dans des balises « a » peut sembler une option viable, cela soulève des problèmes de validation HTML. Voici une approche plus conforme :

Utilisation d'un lien Fill-Div

Créez un lien à l'intérieur du « div » et stylisez-le pour remplir toute la zone « div ». Cela donnera l'illusion que le « div » lui-même est cliquable.

CSS :

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

HTML :

<div>

En faisant du lien un élément de bloc et en définissant sa hauteur et sa largeur à 100 %, il couvre tout l'espace 'div'. Lorsque vous cliquez dessus, le lien sera redirigé vers la page spécifiée, rendant le « div » cliquable.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!