<nav>

HTML <nav> 元素代表一個網頁中提供導航欄連結的區域,不管是當前網頁或者其他網頁,還是這個連結最終抵達的只是當前網頁的某個區塊,或者會抵達其他網頁,常見的導航欄範例有菜單、內容的表單,以及頁面本身。

Content categories (en-US) 流內容 (en-US)sectioning content (en-US)、palpable content.
允許內容 流內容 (en-US)
省略標籤 None, both the starting and ending tag are mandatory.
Permitted parents Any element that accepts flow content.
Permitted ARIA roles None
DOM interface HTMLElement

屬性

此元素只有全域屬性 (en-US)

使用筆記

  • 不是所有的文件連結都需要在 <nav> 元素裡面,它僅適用於主要的導航鏈接塊。一般來說 <footer> (en-US) 元素常常有一個不需要在 <nav> 元素裡面的的鏈接列表。
  • 文件可以有很多個 <nav> 元素。例如說,一個用做網站導覽、另一個用做頁內導覽。
  • 面向身障用戶的螢幕閱讀器的用戶代理(User agent),可以決定要不要在初始渲染時省略這個元素的內容。

範例

在這個範例,<nav> 區塊用於包含連結的無序清單 (<ul> (en-US))。透過合適的 CSS,它能夠顯示為 sidebar、導覽列、以及下拉式選單。

<nav class="menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

屬性

Specification Status Comment
HTML Living Standard
The definition of '<nav>' in that specification.
Living Standard No change since latest W3C snapshot.
HTML5
The definition of '<nav>' in that specification.
Recommendation Initial definition

瀏覽器相容性

BCD tables only load in the browser

參見