无法在Firefox和Chrome中正确解析HTML

Question

使用此HTML代码段，当在Firefox和Chrome中显示时，其下方的每个元素中都包含最高的google链接。

 <div>
    <a href="http://www.google.com/">
        <div>
            <div>                     
                <div>
                    <div>
                        <a>a tag</a>
                    </div>
                    <img />        
                    <h3>a title</h3>
                    <p>a description</p>
                    <div>a detail</div>
                </div>
            </div>
        </div>
    </a>
</div>

在此处输入图片说明

是什么导致此解析问题，我该如何解决？

Answer 1

尝试将以下文档放入W3C验证程序：

<!DOCTYPE html>
<html>
    <head>
        <title>Parse error?</title>
    </head>
    <body>
        <div class="g23">
            <a href="http://www.google.com/">
                <div class="article-bg">
                    <div class="splash-border-right">                     
                        <div class="splash-content-margin">
                            <div>
                                <a href="http://www.google.com/">a tag</a>
                            </div>
                            <img src="http://www.google.com/image.jpg" />        
                            <h3 class="splash">a title</h3>
                            <p>a description.</p>
                            <div class="read-time">a min</div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </body>
</html>

请注意，该文档不是有效的HTML5。 第一个错误：

第13行，第65列：看到了一个开始标记，但是相同类型的元素已经打开。

也就是说， a标签不得包含其他a标签。 根据Alohci的评论，Chrome和Firefox在这种情况下的行为符合HTML5规范的采用代理算法。 它很时髦，但是使用无效的代码，可以期望得到时髦的结果。

无法在Firefox和Chrome中正确解析HTML

问题描述

1 个解决方案

解决方案1
3 已采纳 2013-09-06 22:46:28

无法在Firefox和Chrome中正确解析HTML

问题描述

1 个解决方案

解决方案1 3 已采纳 2013-09-06 22:46:28

解决方案1
3 已采纳 2013-09-06 22:46:28