Nous avons demandé que tout un bloc de contenu soit cliquable, par opposition à un simple champ de lien.
Questions:
Exemple:
Lien uniquement cliquable
<div>
<img src="https://placeimg.com/640/480/Arch">
<p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
<a href="https://placeimg.com/640/480/nature">My Link</a>
</div>
Élément de bloc entier cliquable
<a href="https://placeimg.com/640/480/nature" title="My Link">
<div>
<img src="https://placeimg.com/640/480/Arch">
<p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
</div>
</a>
Oui, il est judicieux et même conseillé de placer des éléments de bloc dans un élément a
, le cas échéant, à condition que le navigateur prenne en charge HTML5 (tous les navigateurs modernes le font):
L'élément a peut être entouré de paragraphes, de listes, de tableaux, etc., voire de sections entières, tant qu'il n'y a pas de contenu interactif (par exemple, des boutons ou d'autres liens).
Les moteurs de recherche et les navigateurs comprendront très bien les liens.
Lectures complémentaires:
Est-ce que placer une div à l'intérieur d'une ancre est toujours correct? - Débordement de pile