Question

我遇到了Firefox 3.6的问题，并将其缩小到阻止hgroup标签周围的锚点。锚似乎复制，所有属性仍然附加。在HTML5中包围一个锚点在hgroups或Firefox 3.6中只是一个bug是无效的吗？它在Chrome中运行良好。

<!DOCTYPE html>
<html>
<head>
<title>Firefox block anchors w/ hgroup bug</title>
<meta charset="utf-8" />
<style>
    a {border:1px solid #f00; display:block;}
</style>
</head>
<body>

<!-- Works fine -->
<a href="#">
    <div>Div 1</div>
    <div>Div 2</div>
</a>

<!-- Works fine -->
<hgroup>
    <a href="#">
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
    </a>
</hgroup>


<!-- Creates duplicate <a> tag in firefox 3.6 -->
<a href="#">
    <hgroup>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
    </hgroup>
</a>
</body>
</html>

Answer 1

我认为这与bug 311366有关。将your example与this slightly modified version, served as Content-Type: application/xhtml+xml进行比较。我使用的解决方法来自Remy's blog到WHATWG blog。好消息是它在Firefox 4中运行良好。

Answer 2

另一个快速修复（虽然它远非完美）是在锚点和hgroup元素之间添加<div>，如下所述：http://oli.jp/2009/html5-block-level-links/

当放置在hgroup周围时，Firefox 3.6错误与HTML5块锚点重复

2 个答案: