HTML5導航頁代碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>導航頁</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>我的導航</h1> </header> <nav> <ul> <li><a >百度</a></li> <li><a >淘寶</a></li> <li><a >京東</a></li> <li><a >豆瓣</a></li> <li><a >知乎</a></li> </ul> </nav> <footer> <p>版權所有,翻版必究</p> </footer> </body> </html>
以上是一個簡單的HTML5導航頁代碼,其中使用了header、nav、footer等html5標簽,符合語義化Web的設計原則,讓頁面更加有意義、易于解讀。其中nav標簽封裝了一個包含鏈接的列表,也是符合頁面結構、有利于SEO的設計。