HTML5菜單是一個網站中經常出現的元素,它用來展示不同類別或網頁間的鏈接。下面是一個HTML5菜單的源代碼示例:
<nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">SEO</a></li> <li><a href="#">Marketing</a></li> </ul> </li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav>這段代碼中,`<nav>`標簽定義了一個導航條,`<ul>`標簽定義了一個無序列表。每個菜單項都用`<li>`標簽包裹,并包含一個鏈接`<a href="#">`。將鼠標懸停在`Services`菜單項上,會出現另一個下拉菜單,它也用了一個無序列表和`<li>`標簽來定義。這個下拉菜單的菜單項鏈接到不同的頁面或服務。如果想要添加更多的菜單項,只需要在無序列表中添加更多的`<li>`標簽,并定義相應的鏈接即可。 總之,HTML5菜單是網站導航的基礎,它可以讓訪問者輕松地找到他們想要的頁面。通過以上的示例代碼,可以快速地創建一個簡單且易于使用的HTML5菜單。
上一篇js特效背景透明css
下一篇html5花樣連接卡代碼