你真的瞭解HTML嗎？–雅虎面試題

有這麼一段HTML，請挑毛病：

<P>&nbsp;&nbsp;哥寫的不是HTML，是寂寞。<br><br>&nbsp;&nbsp;我說：<br>不要迷戀哥，哥只是一個傳說

 

考點1：html和 xhtml的區別
這行代碼在html 4.01 strict下是徹底正確的，在xhtml 1.0 strict下是錯誤一堆的。因此明顯是一個考點。在xhtml下全部標籤是閉合的，p,br須要閉合, 標籤不容許大寫，P要小寫。同時nbsp和br必須包含在容器裏。html下這些都不是錯。p在html裏是可選閉合標籤，是能夠不用閉合的。

這個考點告訴你xhtml是多麼苛刻。這是基本考點，答對，你能拿到60分。

考點2：考樣式分離
用nbsp控制縮進是不合理的。應該用CSS幹這事。因此應該刪掉nbsp

考點3：合理使用標籤
br是強制折行標籤，p是段落。原題用連續的br製造兩個段落的效果，效果是達到了，但顯然用的不合理，段落間距後期沒法再控制。正確的作法是用兩個p表現兩個段落。「我說」後面是正常的文字折行用br是合理的。

上面全答對，你就能拿到100分。

對原題改進的結果：
html:
<p>哥寫的不是HTML，是寂寞。<p>我說：<br> 不要迷戀哥，哥只是一個傳說

xhtml:
<p>哥寫的不是HTML，是寂寞。</p><p>我說：<br /> 不要迷戀哥，哥只是一個傳說</p>

加分：合理的用語義化標籤
在前面的基礎上合理的用語義化標籤，對內容進行必要的標記，是加分的。但過分的使用標籤，就多此一舉了。如「我說」的話，能夠用q標籤標註。

<p>哥寫的不是HTML，是寂寞。
<p>我說：<br> <q>不要迷戀哥，哥只是一個傳說</q>

我以爲這就夠了，若是再進一步，「我」用cite標註，「HTML」 用abbr或acronym標註（至於再討論abbr和acronym的區別就太較真了），也OK。再複雜就不必了。

<p> 哥寫的不是<abbr title=」Hyper Text Markup Language」>HTML</abbr>，是寂寞。<p><cite> 我</cite>說：<br> <q>不要迷戀哥，哥只是一個傳說</q>