首頁  >  文章  >  web前端  >  如何從整個 HTML 表格單元格建立連結?

如何從整個 HTML 表格單元格建立連結?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-13 17:28:021003瀏覽

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

從表格單元格連結 ()

在 HTML 中,可以從表格單元格內的文字建立超連結。然而,創建跨越整個單元格的連結可能具有挑戰性。

連結整個

沒有JavaScript 的儲存格:

首選方法:

  1. 確保單元格的內容填充單元格的整個高度和寬度(但不包括邊框)。
  2. 將內容包裹在 中元素的 href 屬性設定為所需的連結。

範例:

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

注意: 此方法在語意上不是自 以來正確應該是一個內聯元素。但是,它適用於大多數瀏覽器。

替代方案(不建議):

僅適用於 Internet Explorer,直接連結 會違反 HTML 標準。

例如:

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

警告:此方法是不明智的,因為它是非標準的,並且不適用於其他情況瀏覽器。

以上是如何從整個 HTML 表格單元格建立連結?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn