2016-02-10 33 views
2

當我通過一個W3C檢查器建立一個網站時,它要求我考慮只使用h1作爲頂級標題,並指出一個部分,其中有一個h1部分。它還提到屏幕閱讀器會將它們全部視爲頂級元素,但是,根據HTML5規範,各個部分可有效「重置」標題,以便您可以在其中啓動另一個1-6層級。做多個h1的原因屏幕閱讀器的問題?

我應該只是部分內把H2-H6如果我們試圖把重點放在W3C驗證和可訪問性?或者這個警告不正確?

+1

W3C不說,它是無效的,它_just_告訴你,雖然標記是有效的,你應該考慮到現在就做一個不同的方式,因爲有些瀏覽器/屏幕閱讀器可以處理的方式,設置你不要沒有期待。 –

+2

是的,你應該只在部分內使用h2-h6。我強烈建議您閱讀https://www.paciellogroup.com/blog/2013/10/html5-document-outline/ – Alohci

回答

2

儘管它不是gramatically不正確,只要你有一個新的部分復位標題的水平,這是一個好習慣,遵循您正在使用的工具給出的建議和實施標題層次結構完整的文檔中的結構正確。

例如,某些屏幕閱讀器可能會讓您能夠使用某種快捷方式使用某種快捷方式轉到下一個h1標題,並且您不能假定每個屏幕閱讀器中的實現都是相同的。有些人可能會選擇在同一部分內下一個h1,有些人可能會選擇按照DOM順序轉到下一個h1

1

使用h1到處is valid(如果切片元件被正確使用),但HTML5規範encourages作者使用的標題對應章節的嵌套(h1 - h6)等級的要素。

爲什麼鼓勵不是到處都用h1,雖然這個can be beneficial?很可能是因爲並非所有相關的用戶代理(如屏幕閱讀器)都支持HTML5 outline algorithm

所以,如果你想支持不支持HTML5和/或輪廓算法屏幕閱讀器,你可能要照做使用的標題相應等級的元素。