Heim > Web-Frontend > CSS-Tutorial > Wie kann ich in HTML eine ganze Tabellenzelle anklickbar machen?

Wie kann ich in HTML eine ganze Tabellenzelle anklickbar machen?

Patricia Arquette
Freigeben: 2024-11-12 02:08:02
Original
464 Leute haben es durchsucht

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

Hyperlink einer gesamten Tabellenzelle

In HTML definiert ein

Lösung ohne JavaScript

Obwohl semantisch falsch, ist es möglich um einen Hyperlink aus dem gesamten Das zum Erstellen des Hyperlinks verwendete Element sollte mithilfe von CSS zu einem Element auf Blockebene gemacht werden.

Hier ist ein Beispiel:

<td >
  <a href="http://example.com">
    <div>
Nach dem Login kopieren

Alternative (nicht empfohlene) Lösung für Internet Explorer

Hinweis: Von dieser Lösung wird abgeraten und sie wird nur als Ersatz für bestimmte Szenarien empfohlen.

Wenn die Kompatibilität mit Internet Explorer von entscheidender Bedeutung ist, kann ein nicht standardmäßiger Ansatz dies tun verwendet werden:

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

Diese Lösung funktioniert ordnungsgemäß im Internet Explorer, rendert den Link jedoch nicht in anderen Browsern.

Das obige ist der detaillierte Inhalt vonWie kann ich in HTML eine ganze Tabellenzelle anklickbar machen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage