在編寫 HTML 網頁時,代碼的結構非常重要。一個良好的結構能夠幫助開發人員更好地維護和修改網頁,也能夠讓搜索引擎更好地識別和排名網頁。以下是一些 HTML 結構編寫的最佳實踐:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網頁標題</title> </head> <body> <header> <h1>網頁標題</h1> <nav> <ul> <li><a href="#">導航鏈接1</a></li> <li><a href="#">導航鏈接2</a></li> <li><a href="#">導航鏈接3</a></li> </ul> </nav> </header> <section> <article> <h2>文章標題</h2> <p>文章內容...</p> </article> <article> <h2>文章標題</h2> <p>文章內容...</p> </article> </section> <aside> <h3>側邊欄標題</h3> <p>側邊欄內容...</p> </aside> <footer> <p>版權信息...</p> </footer> </body> </html>
在這個代碼中,不同的部分使用了不同的 HTML 標簽來進行語義化標記。例如,使用了 <header> 標簽來表示網頁頭部,使用 <section> 和 <article> 標簽來表示主體內容,使用 <aside> 標簽來表示側邊欄,使用 <footer> 標簽來表示頁腳部分。這些標簽的使用可以幫助開發人員更好地理解代碼結構,同時也方便搜索引擎對網頁進行識別和排名。