HTML5 動態導航欄代碼
<nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">新聞</a> <ul> <li><a href="#">國內</a></li> <li><a href="#">國際</a></li> <li><a href="#">娛樂</a></li> </ul> </li> <li><a href="#">體育</a> <ul> <li><a href="#">足球</a></li> <li><a href="#">籃球</a></li> <li><a href="#">網球</a></li> </ul> </li> <li><a href="#">科技</a> <ul> <li><a href="#">手機</a></li> <li><a href="#">電腦</a></li> <li><a href="#">平板</a></li> </ul> </li> <li><a href="#">聯系我們</a></li> </ul> </nav>
這是一個標準的 HTML5 導航欄代碼,由一個 nav 標簽和一個 ul 標簽構成。其中的 li 標簽表示導航欄中的一個選項,每個 li 標簽中可以放置一個 a 標簽用于實現超鏈接。如果一個選項有子選項,可以使用嵌套的 ul 標簽和 li 標簽。使用 CSS 樣式可以對導航欄進行美化和布局。這是一個非常常見的 HTML5 頁面組成部分,可以在許多網站上看到。