如何在沒有 JavaScript 的情況下從整個表格單元格建立超連結？

從表格單元格建立超連結

任務是將以下 HTML 標籤轉換為功能性超連結：

<td>
  some text
  <div>a div</div>
</td>

目標是將整個表格資料儲存格（

）轉換為可點擊的連結

首選方法：基於CSS 的方法

直接連結整個

時元素在語意上不正確，有解法。透過擴展 內的內容到其邊緣，我們可以建立一個虛擬連結區域。

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

這個方法利用了巢狀的

。佔據整個單元格，允許 元素有效地擴展到單元格的邊界。

替代方法（不建議）

適用於專門支援Internet Explorer 的環境，可以使用非標準方法，儘管它違反了HTML 約定：

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

雖然這方法將在Internet Explorer 中用作鏈接，它將被忽略並在所有其他瀏覽器中呈現為標準表格單元格。

以上是如何在沒有 JavaScript 的情況下從整個表格單元格建立超連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

上一篇：CSS3可以用來自訂背景顏色嗎？ 下一篇：如何使用 Flexbox 建立填滿頁首和頁尾之間空間的 DIV？

本網站聲明

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

作者最新文章

• 哪個 PHP-MySQL 介面最好：MySQL、MySQLi 還是 PDO？
  2024-11-08 14:31:02
• 我可以在 SQLite 中使用變數作為表名而不進行字串操作嗎？
  2024-11-08 14:30:02
• JDBC 是否支援命名參數替換？
  2024-11-08 14:29:02
• 為什麼我在 React 中收到「Uncaught TypeError: Cannot read property 'setState' of undefined」錯誤？
  2024-11-08 14:28:02
• 儘管程式碼有效，函數呼叫在 C 和 C 中的行為是否會有所不同？
  2024-11-08 14:27:02
• 使用'display: inline-block”時如何保持列對齊？
  2024-11-08 14:26:02
• 為什麼兩個不同的計算概念被稱為「堆」？
  2024-11-08 14:25:02
• Hibernate 中的延遲載入如何在避免 N 1 問題的同時提高效能？
  2024-11-08 14:24:02
• 如何使用 jQuery 將 Onclick 事件附加到動態新增的元素？
  2024-11-08 14:23:02
• dvmpgmux.ax - 什麼是 dvmpgmux.ax？
  2024-11-08 14:22:02

最新問題

function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...

來自於 2024-04-29 11:01:01

0

2

1784

google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？

來自於 2024-04-23 00:22:19

0

10

1929

子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應

來自於 2024-04-19 15:37:47

0

1

1641

父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...

來自於 2024-04-18 23:52:34

0

1

1549

關於CSS心智圖的課件在哪？ 課件

來自於 2024-04-16 10:10:18

0

0

1582

相關專題

更多>

• asp是什麼文件
• 聲卡驅動安裝失敗怎麼辦
• 微信載入資料失敗
• fprintf和printf的差別
• win7如何建立虛擬wifi
• function是什麼
• 文件系統的主要目的
• 數位貨幣量化交易