Question

尝试在“a”之后写“div”标签，但每当我通过查看源检查这段代码时，它会自动替换为“span”。我正在使用HTML5并在firefox 42中检查此代码。我已经在html验证器中检查了它。

<a href="services.php" class="list-group-item block-active"> Services 
    <div class="icon-parent">
        <div class="default-block text-center other-bg block-active">
            <span class="fa-stack fa-lg">
                <i class="fa fa-code-fork fa-stack-1x"></i>
                <i class="fa fa-wrench fa-stack-1x"></i>
            </span>
        </div>
    </div>
</a>

Answer 1

通过验证器运行HTML。

a元素是一个内嵌元素，无法容纳block级元素。在不知道浏览器和doctype的情况下，无法给出确切的答案，因为允许不同的浏览器自动纠正错误的HTML4，无论他们想要什么。

HTML5应该标准化。

Answer 2

现在解决了问题！感谢大家的建议，我们在过去3天内遇到了这个错误，但解决方案非常简单，内部结束范围丢失，导致此错误。

Answer 3

您不应将div嵌套在锚点中。

<ul class="list-group">
    <li class="list-group-item">
        <a href="services.php">Services</a>
        <!-- your icon stuff here -->
    </li>
</ul>

<div>会自动替换为<span>

3 个答案: