Question

是否有可能以某种方式将整个HTML表放在href链接中？

类似于:(在IE中不起作用）

    <td class="order_confirm">
        <a href="ssss">
            <div>
                <table width="100%" border="0" cellspacing="6" cellpadding="0">
                  <tr>
                    <td><img src="design/img/icon_ok.png" width="22" height="22" alt="objednat" /></td>
                    <td width="0" class="order_confirm_order">OBJEDNAT</td>
                    <td width="100%" class="order_confirm_order_desc">Záväzne si objednávam uvedený tovar a súhlasím s platobnými,<br />
                      dodacími a obchodnými podmienkami prevádzkovateľa.</td>
                  </tr>
                </table>
            </div>
        </a>
    </td>

我知道这不是最好的做法，但是，我没有真正看到使用非表格布局的解决方法......所以具有非表格布局的解决方案也将是我可以接受。

Answer 1

将div或表格放入a中是不正确的。（有关更多信息，请参阅selfhtml）。

你可以做的是这样的事情：

<div onclick="document.location.href = 'new location';">....</div>

Answer 2

在HTML 5中，您可以将块元素放在内联元素中，这样就可以了。

对于任何不支持HTML 5的浏览器，或者如果页面中没有HTML 5文档类型，标记将会中断，div和table将结束在链接之外。

Answer 3

如果您想将整个表格作为链接，可以将其模拟为css和javascript。

此示例使用jQuery：

<style>
    #big-link {
       cursor: pointer;
    }
</style>

<script>
$(function() {
    $("#big-link").click(function() {
        window.location.href = "ssss";
    });
});
</script>
<div id="big-link">
    <table>
         ...
    </table>
</div>

Answer 4

使用html4事件属性，您可以将table本身设为anchor-tag。

<table
    style="cursor:pointer" 
    onMouseover="window.status='http://www.stackoverflow.com/'" 
    onMouseout="window.status=''" 
    onMouseup="window.location='http://www.stackoverflow.com/'" 
    width="500" height="500">

<a> tag</a>中的HTML表格

4 个答案: