無法在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