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

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

屬性

此元素只有全域屬性

使用筆記

  • Not all links of a document must be in a <nav> element, which is intended only for major block of navigation links; typically the <footer> element often has a list of links that don't need to be in a <nav> element.
  • 文件可以有很多個 <nav> 元素。例如說,一個用做網站導覽、另一個用做頁內導覽。
  • 面向身障用戶的螢幕閱讀器的用戶代理(User agent),可以決定要不要在初始渲染時省略這個元素的內容。

範例

在這個範例,<nav> 區塊用於包含連結的無序清單 (<ul>)。透過合適的 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

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5 (Yes) 4.0 (2.0) 9.0 11.10 4.1
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.2 (Yes) 4.0 (2.0) 9.0 11.0 5.0 (iOS 4.2)

參見

文件標籤與貢獻者

 此頁面的貢獻者: iigmir, jackblackevo, h223449961
 最近更新: iigmir,