Wie erstelle ich einen Link aus einer gesamten HTML-Tabellenzelle?-CSS-Tutorial-php.cn

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

Mary-Kate Olsen

Freigeben： 2024-11-13 17:28:02

Original

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

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).
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!