HTML5的橫版導航欄是網頁設計中常見的元素之一，它可以幫助用戶快速瀏覽和訪問網站的不同頁面。下面是一個HTML5橫版導航欄的代碼示例。 代碼如下：

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品介紹</a></li>
<li><a href="#">新聞動態</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

上面的代碼使用了<nav>和<ul>標簽來創建導航欄，導航欄中包含了四個鏈接，使用<li>和<a>標簽來創建。其中<a>標簽中的href屬性指定了鏈接的URL地址，首頁的URL地址為“#”，表示當前頁面。 這個導航欄可以通過CSS樣式來進行美化，比如改變鏈接的顏色、字體大小等。同時也可以使用JavaScript來實現更復雜的交互效果，比如在鼠標移動到某個鏈接上時出現下拉菜單等。 總之，HTML5的橫版導航欄是網站設計中不可或缺的元素之一，它可以提高用戶體驗并讓網站更易于訪問和導航。