HTML - <h1> 到 <h6> 標籤



HTML h1 到 h6 標籤是標題標籤。HTML **標題**標籤定義了六個級別的標題,即 <h1> 到 <h6>。其中 <h1> 表示最重要的標題,<h6> 表示最不重要的標題。

標題標籤還有助於在頁面頂部或頁面上的任何位置顯示標題和副標題。使用標題來顯示文件結構非常重要。

語法

<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>

屬性

HTML h1 到 h6 標籤支援 HTML 的全域性事件屬性。

HTML h1 到 h6 標籤示例

在這裡,我們將看到每個標題標籤的示例。選擇正確的標題標籤對於 SEO 和可讀性都很重要。將網站內容以結構化的形式呈現,將有助於您在 Google 上獲得排名,並且內容也易於閱讀。

使用 h1 和 h2 標籤

在以下示例中,我們建立了一個 HTML 頁面,該頁面將顯示頁面上的重要標題,即 <h1> 和 <h2> 標籤。

<!DOCTYPE html>
<html>
<body>
   <h1>This is heading 1</h1>
   <h2>This is heading 2</h2>
   <h1>Tutorialspoint</h1>
</body>
</html>

使用 h3 和 h4 標籤

考慮以下示例,我們將使用 <h3> 和 <h4> 標籤建立 HTML 文件。

<!DOCTYPE html>
<html>
<body>
   <h3>This is heading 3</h3>
   <h4>This is heading 4</h4>
   <h3>Tutorialspoint</h3>
</body>
</html>

使用 h5 和 h6 標籤

讓我們看一下以下示例,我們將使用 h5 和 h6 標籤建立 HTML 文件,表示頁面的標題不太重要。

<!DOCTYPE html>
<html>
<body>
   <h5>This is heading 5</h5>
   <h6>This is heading 6</h6>
   <p>The above heading is h5 and h6</p>
</body>
</html>
注意: 不要隨意使用標題標籤,這會降低提供內容的可讀性。

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
h1 - h6
html_tags_reference.htm
廣告

© . All rights reserved.