2014-09-23 54 views
12

我通過W3C驗證服務運行我的網站。我收到一條錯誤消息,以下HTML:W3C驗證說文章中的h1是無效的

<section class="about"> 
    <article> 
    <header> 
    <h1>Mission</h1> 
    </header> 
    <div class="content"> 
     <p>bla bla bla</p> 
    </div> 
    <aside> 
     <img src='/images/logo-hse-250x250.png' /> 
    </aside> 
    </article> 
</section> 

的W3C驗證錯誤是:

考慮使用h1元素作爲頂級只標題(所有h1元素都被視爲許多屏幕閱讀器和其他工具的頂級標題)。

<h1>Mission</h1> 

我想用HTML5,它允許使用一個以上的h1標籤頁面上。 h1標籤可以在article元素內使用。

有沒有人有線索爲什麼W3C沒有驗證這個HTML?

+2

它不會說「無效」,它說「考慮使用...」,並且這不是錯誤,而是一個警告。在向'img'添加'alt'屬性後,檢查器報告「上傳的文檔已成功檢查爲HTML5」。 – 2014-09-23 13:41:52

+0

注意:如果這個'section'除了'article'之外不包含任何其他內容,很可能這個'section'不應該在那裏。 – unor 2014-09-24 12:43:15

+0

感謝大家的反饋。 @unor,是的,我也在想,所以我刪除了所有不必要的部分元素。當然,我有一些佈局修復工作,但現在已經解決了。 – Toontje 2014-09-24 14:26:41

回答

-4

<h1>標記必須用作頂層標題,即頁標題/標題。這裏你是W3C Reference

那是因爲SEO的目的;確保內容格式儘可能以最佳方式幫助搜索引擎編制索引;並因爲技術上的正確性;確保根據相應的W3C spec寫入標記。

根據您的網頁的strucutre,你可以使用一個以上的可能,但最好不塗使用一個以上的<h1>標籤

enter image description here

+4

你給的「W3C參考」是八歲!你提到的「W3C規範」沒有提到H1的用法,只是它的語法。關於搜索引擎優化,你需要刷新你對這個主題的瞭解。搜索引擎已經成功索引了幾年沒有H1標籤和多個H1標籤的頁面,非常感謝你,他們現在在標記部門中不需要太多幫助。事實上,在某些情況下,他們可能會忽略*標記以避免關鍵字垃圾郵件等。最後,恐怕您對HTML5下新的H1語義的理解是極其缺乏的。我建議你在這方面做出貢獻。 – 2014-09-23 13:47:40