title | slug |
---|---|
<nav> |
Web/HTML/Element/nav |
{{HTMLSidebar}}
HTML <nav> 元素代表一個網頁中提供導航欄連結的區域,不管是當前網頁或者其他網頁,還是這個連結最終抵達的只是當前網頁的某個區塊,或者會抵達其他網頁,常見的導航欄範例有菜單、內容的表單,以及頁面本身。
Content categories | 流內容、sectioning content、palpable content. |
---|---|
允許內容 | 流內容。 |
標籤省略 | 不允許,開始和結束標籤都是必須的。 |
Permitted parents | Any element that accepts flow content. |
Permitted ARIA roles | None |
DOM interface | {{domxref("HTMLElement")}} |
此元素只有全域屬性。
- 不是所有的文件連結都需要在
<nav>
元素裡面,它僅適用於主要的導航鏈接塊。一般來說 {{HTMLElement("footer")}} 元素常常有一個不需要在 {{HTMLElement("nav")}} 元素裡面的的鏈接列表。 - 文件可以有很多個 {{HTMLElement("nav")}} 元素。例如說,一個用做網站導覽、另一個用做頁內導覽。
- 面向身障用戶的螢幕閱讀器的用戶代理(User agent),可以決定要不要在初始渲染時省略這個元素的內容。
在這個範例,<nav>
區塊用於包含連結的無序清單 ({{HTMLElement("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>
{{Specifications}}
{{Compat}}
- Other section-related elements: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};
- Sections and outlines of an HTML5 document.