HTML5的Header元素可以用來定義文檔或頁面的頁眉部分,通常出現在文檔的頂部位置,用戶可以很容易地找到重要的信息和導航。通過Header我們可以提供給用戶頁面標題、標志、日期、作者、搜索框等各種信息。
通過使用HTML5的header元素,可以更好地讓搜索引擎了解網頁的內容,并且也可以讓我們的頁面在各種移動設備上獲得更友好的顯示效果。
<header> <h1>歡迎來到我的網站</h1> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關于我</a></li> <li><a href="#">聯系我</a></li> </ul> </nav> <p>我的最新博客:<a href="#">HTML5簡介</a></p> </header>
上面的示例中,我們通過header元素設置了網站的標題、導航菜單和最新博客鏈接,用戶可以方便地了解網站的信息并進行導航。除此之外,我們還可以通過css樣式來進一步美化header元素的顯示效果,比如改變字體顏色、設置背景圖片等等。
下一篇js動態追加css