HTML5是一種新的HTML標準，為網頁開發者提供了許多新的標簽，其中標簽的位置設置也不例外。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5標簽位置設置</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>這里是網站的頭部</h1> <nav> <ul> <li><a href="/">首頁</a></li> <li><a href="/about">關于我們</a></li> <li><a href="/contact">聯系我們</a></li> </ul> </nav> </header> <main> <h2>這里是文章標題</h2> <p>這里是文章的第一個段落，我們可以使用<section>標簽來劃分文章的節，還可以在<section>標簽上使用<header>標簽來標識節的標題，如下所示：</p> <pre> <section> <header>節標題</header> <p>節的內容</p> </section> </pre> <p>這里是文章的第二個段落，我們還可以使用<aside>標簽來標識與文章內容相關但卻不是主要內容的部分，如下所示：</p> <pre> <aside> <p>這里是推薦的相關文章列表</p> <ul> <li><a href="/article1">相關文章1</a></li> <li><a href="/article2">相關文章2</a></li> <li><a href="/article3">相關文章3</a></li> </ul> </aside> </pre> </main> <footer> <p>這里是網站的底部版權信息</p> </footer> </body> </html>
除了<section>和<aside>標簽之外，還有許多可以用來標識文章內容和結構的標簽，例如<article>、<figure>和<figcaption>等等。
上一篇jQuery imgs
下一篇dockeree的價格