2016-09-01 34 views
0

爲什麼每頁使用不超過一個<main>元素是無效的?例如,如果<article>可以同時具有嵌套的<header><footer>元素,爲什麼不是<main>呢?

例子:爲什麼HTML5嵌套元素<main>無效

<article> 
    <header> ... </header> 
    <main> ... </main> 
    <footer> ... </footer> 
</article> 

W3.org html validation result: error


編輯:而且,我想我的後續問題是,給出的代碼示例,應該怎樣代替它使用?

+0

因爲它應該表示文檔的主要部分,即當前頁面的核心內容。例如重要用於屏幕閱讀器和其他試圖從頁面中提取最重要內容的程序。對於像這樣的問題,MDN是一個很好的來源,請記住首先檢查它們 –

回答

2

關注文檔HTML5 main attribute在Mozilla:

的HTML元素表示的文檔或應用的主要內容。主要內容區域由與文檔的中心主題或應用程序的中心功能直接相關或擴展的內容組成。這些內容對文檔應該是唯一的,不包括任何通過側邊欄,導航鏈接,版權信息,網站標誌和搜索表單等文檔重複的內容(除非文檔的主要功能是作爲搜索表單)。

注:

  • <main>不能是<article><aside><footer><header>,或<nav>元件的後代。

  • 每個文檔只能使用一個主元素。