HTML5 水平導航欄代碼 HTML5 是一個重要的 Web 標準，可以讓開發者使用新的語言特性和 API 構建更好的 Web 應用程序。在 Web 設計中，為了提供更好的用戶體驗，我們通常需要使用水平導航欄。在 HTML5 中，我們可以使用多種方式來創建水平導航欄，其中最常見的方式是使用無序列表和 CSS 樣式。 下面是一個簡單的 HTML5 水平導航欄代碼示例：

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

在這個示例中，我們使用了 HTML5 語義化元素 `nav` 來表示導航欄。我們還使用了無序列表 `ul` 和列表項 `li` 創建了導航欄的結構。每個列表項包含一個鏈接元素 `a`，用于鏈接到其他頁面。在這個示例中，我們使用了 CSS 樣式來設置導航欄的外觀和布局。

nav {
background-color: #333333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
}
nav ul li a {
display: block;
padding: 15px;
color: #ffffff;
text-decoration: none;
}
nav ul li a:hover {
background-color: #ffffff;
color: #333333;
}

在這個示例中，我們設置了導航欄的背景色為 #333333，并將列表項顯示為內聯塊級元素。我們還設置了鏈接元素的內邊距、顏色和文本裝飾，以及懸停時鏈接元素的背景色和顏色。 使用上述 HTML5 水平導航欄代碼，您可以輕松地創建一個適合您網站需求的導航欄，并為用戶提供更好的瀏覽體驗。