HTML5標簽是用來定義文檔結構和內容的標簽,HTML5增加了許多新標簽,以提高網頁的可讀性和可訪問性。
HTML5中有許多新的語義化標簽,如header、footer、nav、section、article、aside等,這些標簽可以更好地描述頁面的內容結構。
<header> <h1>這是標題</h1> <p>這是一些描述性文字</p> </header>
此外,HTML5還提供了許多新的表單元素,如date、time、email等,這些元素可以方便地收集用戶的輸入數據。
<label>電子郵件地址: <input type="email" name="email"> </label>
在編寫HTML5頁面時,請使用語義化標簽來描述頁面內容,并使用適當的屬性和值來控制元素的行為和樣式。
<nav> <ul> <li><a href="/">首頁</a></li> <li><a href="/about">關于我們</a></li> <li><a href="/contact">聯系我們</a></li> </ul> </nav>
最后,為了確保HTML5頁面在不同瀏覽器和設備上都能良好顯示,請使用標準的文檔類型聲明,并盡量避免使用過時的HTML元素和屬性。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>標題</title> </head> <body> <header> <h1>這是標題</h1> <p>這是一些描述性文字</p> </header> <nav> <ul> <li><a href="/">首頁</a></li> <li><a href="/about">關于我們</a></li> <li><a href="/contact">聯系我們</a></li> </ul> </nav> <section> <h2>這是一個章節標題</h2> <p>這是一些內容。</p> </section> <footer> <p>版權所有 ? 2022. All Rights Reserved.</p> </footer> </body> </html>