<嵌入代碼：>

<div class="nav-grid">
<ul>
<li><a href="#">首頁(yè)</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">娛樂(lè)</a></li>
<li><a href="#">科技</a></li>
<li><a href="#">體育</a></li>
<li><a href="#">財(cái)經(jīng)</a></li>
<li><a href="#">汽車</a></li>
<li><a href="#">房產(chǎn)</a></li>
<li><a href="#">游戲</a></li>
</ul>
</div>

一個(gè)簡(jiǎn)單卻非常有效的HTML導(dǎo)航方法是使用9宮格（nav-grid），通常它被用于主頁(yè)或門戶網(wǎng)站。它能夠輕易地呈現(xiàn)網(wǎng)站文章或欄目，并且可以適應(yīng)各種設(shè)備的寬度。

這個(gè)導(dǎo)航方法的實(shí)現(xiàn)非常簡(jiǎn)單。只需要在代碼中包含一個(gè)只包含9個(gè)單元格的

div

元素。每個(gè)單元格中包含一個(gè)

a

元素，當(dāng)用戶點(diǎn)擊

a

元素時(shí)，該鏈接將會(huì)打開(kāi)指定的網(wǎng)頁(yè)或者執(zhí)行其他動(dòng)作。

在示例圖中，每個(gè)單元格都是相等的寬高，但是使用者可以根據(jù)自己的需要對(duì)它進(jìn)行適當(dāng)調(diào)整。此外，還有可能對(duì)元素的樣式進(jìn)行更改，以使它更加適合網(wǎng)站的設(shè)計(jì)。