Maison >interface Web >tutoriel CSS >Puis-je lier une cellule de tableau () sans JavaScript ?

Puis-je lier une cellule de tableau () sans JavaScript ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-08 20:36:01417parcourir

Can I Link a Table Cell () without JavaScript?

Lier une cellule de tableau () sans JavaScript

Question :

Je souhaite transformer l'ensemble du cellule, y compris son contenu, en un lien hypertexte sans JavaScript. Est-ce faisable ?

Réponse :

Oui, lier un la cellule est possible, mais pas la cellule elle-même. Voici une technique astucieuse :

Pour étendre le lien hypertexte jusqu'aux bordures entières de la cellule, assurez-vous que le contenu la remplit complètement. Gardez à l'esprit que cette approche n'est pas sémantiquement correcte, mais elle fonctionne dans la plupart des navigateurs :

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

Approche alternative (non recommandée) :

Pour Internet Explorer en particulier , vous pouvez utiliser le code HTML suivant, mais notez qu'il enfreint les normes HTML et est considéré comme déconseillé :

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

Cependant, il est Cela vaut la peine d'envisager l'utilisation de CSS et de JavaScript pour une solution plus élégante et conforme aux normes, en particulier pour la compatibilité entre 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