在 HTML5 中，設(shè)計(jì)導(dǎo)航欄變得更加容易。接下來，我們將簡(jiǎn)單介紹 HTML5 導(dǎo)航欄界面的設(shè)計(jì)代碼。

<div id="nav">
<ul>
<li><a href="#">首頁(yè)</a></li>
<li><a href="#">關(guān)于我們</a></li>
<li><a href="#">服務(wù)項(xiàng)目</a></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</div>

要?jiǎng)?chuàng)建一個(gè)導(dǎo)航欄，您需要首先創(chuàng)建一個(gè)包含導(dǎo)航欄的元素，這里我們用一個(gè) ID 為“nav”的 div 元素。在 div 內(nèi)部創(chuàng)建一個(gè) ul 元素，并在 ul 中為每個(gè)導(dǎo)航項(xiàng)創(chuàng)建一個(gè) li 元素。每個(gè) li 元素包含一個(gè) a 元素，a 元素具有相應(yīng)的標(biāo)簽文字和超鏈接。

此代碼片段只是一個(gè)基本的導(dǎo)航欄設(shè)計(jì)，您可以通過樣式和 JavaScript 代碼來對(duì)其進(jìn)行增強(qiáng)。例如，您可以使用 CSS 來添加漂亮的背景色和菜單項(xiàng)懸停效果，或使用 JavaScript 給用戶提供更多功能。