DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 4.2 標題標簽
4.2 標題標簽
編輯:HTML入門知識     

一、標題標簽簡介

我們首先看一個實例:

圖1  學習網中的標題

從上面的一個網頁,我們看到,對於一個HTML文檔,往往包含有各種級別的標題。在HTML中,共有6個級別的標簽:<h1>~<h6>。

<h1>到<h6>標簽中的字母h是英文header的簡稱。作為標題,它們的重要性是有區別的,其中<h1>標題的重要性最高,<h6>標題最低。在此說明一下,一般一個頁面只能有一個<h1>,而<h2>~<h6>可以有多個。<h1>代表的就是本頁面的題目,試想一下,你見過哪篇文章有兩個大標題嗎?但是一篇文章卻可以有多個小標題。

大家查看HTML入門教程文章的源代碼,我們可以發現,文章標題使用h1標簽,大標題使用h2標簽……以此類推。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>標題標簽h1~h6</title>
</head>
<body>
    <h1>這是一級標題</h1>
    <h2>這是二級標題</h2>
    <h3>這是三級標題</h3>
    <h4>這是四級標題</h4>
    <h5>這是五級標題</h5>
    <h6>這是六級標題</h6>
</body>
</html>

在浏覽器預覽效果如下:

圖2 HTML標題標簽h1~h6預覽圖

說明:

標題標簽<h1>~<h6>是有順序的。對於六個標題標簽,在一個網頁,你不需要全部都用上,這是根據你需要采用的。

從浏覽器預覽效果我們知道,標題標簽的級別越高,字體越大。

h1~h6標題標簽並非是那麼簡單的,對於網頁搜索引擎優化,是極其重要的標簽。我們在“SEO入門教程”再給大家詳細探討一下。

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