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
Patricia ArquetteOriginal
2024-11-12 02:08:02472Durchsuche

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>

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>

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!

Stellungnahme:
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