nav 要包在 header 裡?

Html5 有很多新元素,最常用到的就是 nav、header、footer 這三個。不過對於 nav 該放在 header 裡、還是在 header 外,就我學習到、和老公教的是「看情況」。

以下內容折錄 HTML5+CSS3 网页设计入门必读 ,就是之前寫過 讀後感:HTML5+CSS3 網頁設計入門必讀 中,講 HTML5 的那本。作者是 JEREMY KEITH,國際知名的Web設計師,Web標準項目組成員,看來書籍內容不會有誤。

header 元素

html5 將 header 描述為「一組介紹性或導航性輔助工具」的容器。通常位於文件或章節的頂部,但這非必須。header 由內容定義,而非由位置定義。

如果被當成標題或報頭,則一個文檔可以有很多個 header,比如在 section 元素內使用 header。section 元素被定義為「一組專題內容,這些內容通常帶有一個標題」。

nav 元素

該元素包含導航信息,通常是一系列連結,用於最主要的導航信息。如果只是一組被集中在同個列表裡的連結並不足以使用 nav 。幾乎可以肯定的說:全網站導航應使用 nav 元素。

考慮到 header 元素包含「導覽輔助」,nav 出現在 header 內在此情形下是合理的。

結論

既然 JEREMY KEITH 都說 nav 出現在 header 內是合理的,當然可以放在 header 內,前提是「導覽輔助」,簡稱視情況而定,且 nav 放在 header 外是預設用法。(不然他哪需要特別補這一句說明放在 header 內的情況。)

我個人覺得 nav 還是放在 header 外吧,nav 是「全站型導覽」,header 是「導航性輔助工具」。要把主要的區塊塞進輔助區裡是件很奇怪的事。而且將 header 當成內容標題在使用時,nav 還放在 header 裡更詭異。

支持 nav 放在 header 外。(  ̄ 3 ̄)y▂ξ

Akane Lee

Akane Lee

幫助你快速學會 UI/UX 實用技巧,結合理論與實作,短時間內擺脫設計瓶頸,讓你每個專案都能交出滿意的成果!

Comments

wave
comments powered by Disqus

Press ESC to close