2010-09-28 90 views
1

根據W3C封裝的1個錨標籤中的多個元素是無效的。包含多個標題的錨鏈接?

我想知道是否有一個整潔的CSS解決方案將多個標題和圖片標籤合併爲一個有效的可點擊定位點?

我正在建設一個房產上市網站,我希望我的'迷你列表框'只有1個主播。這是我的無效代碼:

<a href="listings.html"> 
    <h4>FOR SALE</h4> 
    <h2>Listing Title</h2> 
    <h4>$1,000,000</h4> 
</a> 

回答

2

實際上,不,它是無效的,只要它是內聯元素(跨度,圖像...)。

而在HTML5中,使用塊元素(div,或者像您的示例,標題)也是有效的。不過,Firefox有時候並不太喜歡這個。因此,如果您想要堅持使用舊的HTML 4/XHTML 1,您需要將這些標題轉換爲跨度(以及相應的樣式),而如果您使用HTML5和Firefox的行爲,則您的代碼在形式上可以正常使用(注意:無論如何,使用這樣的標題沒有多大意義)。

+0

爲什麼以這種方式使用標題沒有意義?當然,我使用標題而不是跨度獲得更多SEO價值? – jnthnclrk 2010-09-30 14:13:11

+1

您應該爲標題使用標題,即當頁面的一部分需要標題時。一個實際的標題,你不應該標記所有的文字與標題SEO原因。此外,搜索引擎不容易被這樣的技巧愚弄。在搜索引擎中,好的,標記良好的內容總是會獲勝。 在這個例子中,唯一有意義的標題是h2。 – Laz75 2010-09-30 22:00:43

+0

啊,我明白你的意思了。我會拋棄H4s。感謝您的建議,Laz75! – jnthnclrk 2010-10-01 11:05:14