在锚标记里面的表标记

时间:2011-05-16 06:39:46

标签: html html5

标签内是否有表格?例如:

<a href="javascript:void(0)" style="display:block">  
  <table>
    <tr>
      <td></td>
    </tr>
  </table>    
</a>

我尝试了以前的代码。它在谷歌浏览器中运行良好,但它在Firefox中无效。

4 个答案:

答案 0 :(得分:8)

draft specification allows it只要您可以放置​​一个放置锚点的表格(它有一个transparent content model)...

<div><a …><table>…</table></a></div>   <!-- Allowed -->
<span><a …><table>…</table></a></span> <!-- Not allowed -->

...但HTML 4没有(因此您可能遇到浏览器支持问题)。

答案 1 :(得分:2)

是的,它是有效的HTML5但HTML 4.01无效。以下代码段passes HTML5 validation

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Test</title>
</head>
<body>
    <a href="#">
        <table></table>
    </a>
</body>
</html>

至于你是否应该这样做,这是另一个问题。你可能不应该这样做。

答案 2 :(得分:2)

为什么不能只为<table>添加onclick?

<table onclick="window.location='page.html'">
    <tbody valign="top">
        <tr>
            <td>content</td>
        </tr>
    </tbody>
</table>

答案 3 :(得分:2)

您可以使用<BUTTON>标记并将表格嵌入其中。要删除按钮边框设置:

style='border:none; margin:0; padding:0; outline:none;

例如:

<BUTTON type="button" onclick="" style="border:none; margin:0; padding:0;"><table>...</table></BUTTON>