標題(Heading)是透過<h1>-<h6>這幾個標籤來定義的,<h1>定義最大的標籤(最重要的),<h6>定義最小的標籤(最不重要的)。需要注意的是,標題標籤只是用於標題,不要僅僅是為了產生粗體或者是大號文本而使用標題標籤,因為標題的作用是方便用戶來快速瀏覽網頁,所以標題不可亂用。透過這些標籤可以定義網頁中的標題(與word 中的標題類似),合理使用標題可以使網頁的層次結構更加清晰。
提示:HTML 中的標題可協助搜尋引擎理解網頁的結構和內容。
預設情況下,瀏覽器會以比普通文字更大和更粗的字體顯示標題中的內容,使用<h1>標籤定義的標題字體最大,而使用<h6>標籤定義的標題字體最小,如下例所示:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>HTML標題標籤示範</title></head><body><h1>h1標題</h1><h2>h2標題< /h2><h3>h3標題</h3><h4>h4標題</h4><h5>h5標題</h5><h6>h6標題</h6></body></html>
運行結果如下圖所示:
1. HTML 標題
(1)標題(Heading)是透過<h1> - <h6> 標籤來定義的。
(2)<h1> 定義最大的標題。 <h6> 定義最小的標題。
2. 標題很重要
請確保將HTML 標題標籤只用於標題。不要只是為了產生粗體或大號的文字而使用標題。
搜尋引擎使用標題為您的網頁的結構和內容編制索引。
因為使用者可以透過標題來快速瀏覽您的網頁,所以用標題來呈現文件結構是很重要的。
應該將h1 用作主標題(最重要的),其後是h2(次重要的),再其次是h3,以此類推。
3. HTML水平線
<hr> 標籤在HTML 頁面中建立水平線。
hr 元素可用來分隔內容。
<p>這是一個段落。 </p><hr><p>這是一個段落。 </p><hr><p>這是一個段落。 </p>
運行結果如下圖所示:
4. HTML 註釋
可以將註解插入HTML 程式碼中,這樣可以提高其可讀性,讓程式碼更容易被人理解。瀏覽器會忽略註釋,也不會顯示它們。
註記寫法如下:
<!--這是一段註解--><p>上面的註解在網頁中不顯示。 </p>
註: 開始括號之後(左邊的括號)需要緊跟一個嘆號! (英文標點符號),結束括號之前(右邊的括號)不需要,合理地使用註釋可以對未來的代碼編輯工作產生幫助。
5. HTML 提示- 如何查看原始碼
你是否看過一些網頁然後驚嘆它是如何實現的。
如果您想找到其中的奧秘,只需要單擊右鍵,然後選擇查看原始檔案(IE)或查看頁面原始碼(Firefox),其他瀏覽器的做法也是類似的。這麼做會開啟一個包含頁面HTML 程式碼的視窗。