H2標籤奇蹟般地出現

我有這樣的.HTML只有這些文件內容：H2標籤奇蹟般地出現

<html><body><div class="main_text"> 
<h2>H2 text<h2/> 
<p class="normal"> 
Look ma no h2 tag darnit! 
</p> 
</div></body></html>

當我在Safari中打開該文件時，Look ma no h2 tag darnit!部分看起來蠻大的。我懷疑。所以查看源代碼，我得到了

<html><body><div class="main_text"> 
<h2>H2 text<h2/> 
<p class="normal"> 
Look ma no h2 tag darnit! 
</p> 
</div></body></html>

所以就和上面一樣。

轉到Develop -> Show Web Inspector，右鍵單擊<html>，選擇Edit as HTML，複製和粘貼，我也得到：

<html><head></head><body><div class="main_text"> 
<h2>H2 text</h2><h2> 
<p class="normal"> 
Look ma no h2 tag darnit! 
</p> 
</h2></div></body></html>

哇！額外的h2標籤來自哪裏？我在這裏做錯了什麼？

以防萬一你想知道，如果我在網頁檢查器中編輯出h2的東西，頁面就會按照我的意圖顯示。

來源

2011-01-05 wrongusername

<h2>H2 text<h2/>應該是<h2>H2 text</h2>。瀏覽器正嘗試從您那裏恢復兩個開始標記並且沒有結束標記。

來源

2011-01-05 06:07:52 Quentin

哦謝謝！哈哈愚蠢的錯字:) – wrongusername 2011-01-05 06:09:00

您的第一個結束標記實際上是<h2/>，而不是</h2>。瀏覽器隱含地關閉了第一個<h2>，並對其格式錯誤的html進行了靈活的解釋，之後基於不正確的自我封閉的<h2/>開始了一個新的瀏覽器。它正在合理猜測這個新的第二個<h2>應該關閉。

來源

2011-01-05 06:09:06

H2標籤奇蹟般地出現

回答

相關問題