communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > le corps du texte

Comment créer des cellules de tableau cliquables en HTML ?

DDD
Libérer： 2024-11-11 18:02:02
original
782 Les gens l'ont consulté

How to Create Clickable Table Cells in HTML?

Les cellules d'un tableau peuvent-elles comporter un lien hypertexte ?

Faire d'une cellule entière d'un tableau un lien hypertexte peut améliorer l'expérience utilisateur en offrant un contenu cliquable sans JavaScript. Cependant, conformément aux normes HTML, les éléments sont en ligne et ne doivent pas agir comme des éléments de niveau bloc comme les cellules d'un tableau.

Méthodes alternatives

Malgré les limitations, il existe des méthodes alternatives pour obtenir la fonctionnalité souhaitée :

Utilisation Éléments imbriqués

Enveloppez le contenu de la cellule dans un

et entourez l'élément
dans une balise d'ancrage . Assurez-vous que le paramètre
remplit tout l'espace cellulaire avec CSS (100 % de hauteur et de largeur).






Méthode non standard (Internet Explorer uniquement)

Dans Internet Explorer (bien que désormais obsolète), on peut directement attribuez une balise à une cellule du tableau, en ignorant les normes HTML. Cependant, cette méthode est fortement déconseillée car elle ne fonctionnera pas dans les autres navigateurs.





bonjour tout le monde

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
Article précédent：Pourquoi mon CSS ne s'injecte-t-il pas via le script de contenu de mon extension Google ? Article suivant：Pourquoi mon texte de spoiler ne s'affiche-t-il pas au survol ?
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
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1986
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
2148
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1814
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1706
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1724
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal