HTML5是Web開(kāi)發(fā)中的一種重要技術(shù)，其提供了眾多便利的特性。而在HTML5中，菜單是一個(gè)十分常見(jiàn)的元素。不同于以往，HTML5的菜單可以通過(guò)HTML代碼直接來(lái)實(shí)現(xiàn)。

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

以上代碼片段即可實(shí)現(xiàn)一個(gè)基本的菜單。其中，nav標(biāo)簽表示菜單的整體結(jié)構(gòu)，ul標(biāo)簽表示無(wú)序列表，li標(biāo)簽表示其中的每一個(gè)選項(xiàng)。在此基礎(chǔ)上，通過(guò)a標(biāo)簽和href屬性可實(shí)現(xiàn)超鏈接，從而使菜單可點(diǎn)擊。

而對(duì)于含有下拉選項(xiàng)的菜單，在HTML5中，通過(guò)在li標(biāo)簽中嵌套一個(gè)ul標(biāo)簽，即可實(shí)現(xiàn)子菜單的顯示。整個(gè)菜單代碼的結(jié)構(gòu)清晰簡(jiǎn)潔，易于書(shū)寫(xiě)和修改。