Maison  >  Article  >  interface Web  >  Comment puis-je rendre une cellule entière de tableau cliquable en HTML ?

Comment puis-je rendre une cellule entière de tableau cliquable en HTML ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-12 02:08:02443parcourir

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

Création d'un lien hypertexte vers une cellule entière d'un tableau

En HTML, un élément

Solution sans JavaScript

Bien que sémantiquement incorrect, cela est possible pour créer un lien hypertexte à partir de l'intégralité de la balise L'élément utilisé pour créer le lien hypertexte doit devenir un élément de niveau bloc en utilisant CSS.

Voici un exemple :

<td >
  <a href="http://example.com">
    <div>

Solution alternative (non conseillée) pour Internet Explorer

Remarque :Cette solution est déconseillée et recommandée uniquement comme solution de repli pour des scénarios spécifiques.

Si la compatibilité avec Internet Explorer est critique, une approche non standard peut être utilisé :

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

Cette solution fonctionnera correctement dans Internet Explorer mais n'affichera pas le lien dans les autres navigateurs.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn