DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML5基礎教程:header元素的使用實例
HTML5基礎教程:header元素的使用實例
編輯:HTML和Xhtml     

header元素是一種具有引導和導航作用的結構元素,通常用來防止整個頁面或頁面內的一個內容區塊的標題,但也可以包含其它內容,例如數據表格、搜索表單或相關的logo圖片。

在整個頁面中的標題一般放在頁面的開頭,一個網頁中沒有限制header元素的個數,可以擁有多個,可以為每個內容區塊加一個header元素。

多個header元素示例:

<header>
  <h1>網頁標題</h1>
</header>
<article>
  <header>
    <h1>文章標題</h1>
  </header>
  <p>文章正文</p>
</article>

在HTML5中,一個header元素通常包括至少一個headering元素(h1-h6),也可以包括hgroup元素,nav元素,還可以包括其它元素(tableform)。

博客網頁中的header元素示例

<header>
  <hgroup>
    <h1>網頁標題</h1>
    <p>網頁描述…</p>
  </hgroup>
  <nav>
    <ul>
      <li>…</li>
      <li>…</li>
    </ul>
  </nav>
</header>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved