HTML5新增的非主體結構元素

乞力馬紮羅的雪CYF發表於2015-09-29
HTML

1.header元素：

header元素是一種具有引導和導航作用的結構元素，通常用來放置整個頁面或頁面內的一個內容區塊的標題，但是也可以包含其他內容，例如資料表格，搜尋表單或相關的logo圖片。header元素可以出現多次。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>header元素</title>
</head>
<body>

    <header>
        <h1>IT最新技術</h1>
        <a href="http://www.baidu.com">百度</a>
        <nav>
            <ul>
                <li><a href="#">學習</a></li>
                <li><a href="#">技術</a></li>
                <li><a href="#">開發</a></li>
            </ul>

        </nav>
    </header>

</body>
</html>

2.footer元素

footer元素可以作為其上層父級內容區塊或是一個根區塊的腳註。footer通常包括其相關區塊的腳註資訊，如作者、相關閱讀連結及版權資訊等。


3.hgroup元素

hgroup元素是將標題及其子標題進行分組的元素。hgroup元素通常會將h1~h6元素進行分組，比如一個內容區塊的標題及其子元素算一組。


4.address元素

address元素用來在文件中呈現聯絡資訊，包括文件作者或文件維護者的名字，他們的網站連結，電子郵箱，真實地址，電話號碼等。address應該不止用來呈現電子郵箱或真實地址，還用來展示文件相關的聯絡人的所有聯絡資訊。


github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！

相關文章