Maison > interface Web > tutoriel CSS > 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
Libérer: 2024-11-12 02:08:02
original
464 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal