Heim > Web-Frontend > CSS-Tutorial > Wie erstelle ich einen Link aus einer gesamten HTML-Tabellenzelle?

Wie erstelle ich einen Link aus einer gesamten HTML-Tabellenzelle?

Mary-Kate Olsen
Freigeben: 2024-11-13 17:28:02
Original
1073 Leute haben es durchsucht

How to Create a Link From an Entire HTML Table Cell?

Verknüpfung aus einer Tabellenzelle ()

In HTML ist es möglich, Hyperlinks aus Text in Tabellenzellen zu erstellen. Allerdings kann es eine Herausforderung sein, einen Link zu erstellen, der sich über die gesamte Zelle erstreckt.

Um den gesamten Zelle ohne JavaScript:

Bevorzugte Methode:

  1. Stellen Sie sicher, dass der Inhalt der Zelle die gesamte Höhe und Breite der Zelle ausfüllt (aber nicht einschließlich der Ränder).
  2. Verpacken Sie den Inhalt in einem Element, dessen href-Attribut auf den gewünschten Link eingestellt ist.

Beispiel:

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

Hinweis: Diese Methode ist nicht semantisch korrekt, da soll ein Inline-Element sein. Es funktioniert jedoch in den meisten Browsern.

Alternative (nicht empfohlen):

Nur ​​für Internet Explorer: Verstoßen Sie gegen den HTML-Standard, indem Sie das direkt verlinken. Element.

Beispiel:

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

Achtung: Von dieser Methode ist abzuraten, da sie nicht dem Standard entspricht und in anderen nicht funktioniert Browser.

Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Link aus einer gesamten HTML-Tabellenzelle?. 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