B站(bilibili)作為大家都喜歡的一款二次元彈幕視頻網站，其導航欄的設計也是十分重要的。下面我們來看看B站導航欄的HTML代碼。

<div class="nav-menu">
<ul id="primary_nav">
<li class="home">
<a href="/" title="回到首頁">首頁</a>
</li>
<li class="promo middle">
<a href="/paycenter/coin">B幣錢包</a>
</li>
<li class="games middle">
<a href="/games/main/" class="games"^>游戲中心</a>
</li>
<li class="promo">
<a href="/mall/" class="mall">會員購</a>
</li>
<li class="download middle">
<a  target="_blank" title="下載客戶端">客戶端</a>
</li>
<li class="history middle">
<a href="/account/history" class="history"^>歷史記錄</a>
</li>
<li class="search">
<form role="search" action="/search">
<label for="nav_search_keyword">搜索</label>
<input type="text" name="keyword" id="nav_search_keyword" placeholder="搜索" autocomplete="off">
<button type="submit"><i class="icon-search"></i></button>
</form>
</li>
</ul>
</div>

導航欄的代碼非常有規律，每個導航內容都包含在一個li標簽內，每個li標簽中又包含了一個a標簽來實現超鏈接。其中還有一個搜索框，使用了form標簽和input標簽來實現。這一份規律的代碼讓B站的導航欄具有非常好的可維護性和擴展性，這也是優秀的網站應該具有的特點之一。