HTML 標題 <h1>-<h6>

<h1> 到 <h6> (<h1> <h2> <h3> <h4> <h5> <h6>) 標籤用來定義 HTML 文件內容的標題 (heading)，1-6 表示不同的重要程度，<h1> 開始是最重要的，依序到 <h6> 是最不重要的，所以通常這些標題標籤使用上會從 1 到 6 依序選擇使用，而比較常用到的是前面幾個 <h1> <h2> <h3>。

基本上 h1-h6 不同的數字可以看作是有上下階層的關係，同樣數字屬於同一階層，從最重要的 h1 開始往下。

實際使用範例：

<body>
  <h1>網路技術趨勢</h1>	
  <p>...一段文字介紹網路技術...</p>

    <h2>HTML</h2>
    <p>...一段文字介紹 HTML...</p>

      <h3>HTML 4</h3>
      <p>...一段文字介紹 HTML4...</p>

      <h3>HTML 5</h3>
      <p>...一段文字介紹 HTML5...</p>

    <h2>CSS</h2>
    <p>...一段文字介紹 CSS...</p>

      <h3>CSS 2</h3>
      <p>...一段文字介紹 CSS2...</p>

      <h3>CSS 3</h3>
      <p>...一段文字介紹 CSS3...</p>

    <h2>JavaScript</h2>
    <p>...一段文字介紹 JavaScript 歷史...</p>

      <h3>jQuery</h3>
      <p>...一段文字介紹 jQuery...</p>

      <h3>React</h3>
      <p>...一段文字介紹 React 技術...</p>

</body>

以上述的例子，整個網頁的內容階層結構 (outline) 表示如下：

  1. 網路技術趨勢
    1. HTML
      1. HTML 4
      2. HTML 5
    2. CSS
      1. CSS 2
      2. CSS 3
    3. JavaScript
      1. jQuery
      2. React
通常來說 <h1> 在一個頁面只會出現一次，用於表示頁面的標題，其他的標題則從 <h2> 開始。