HTML標題

風雲13發表於2018-11-07

在 HTML 文件中,標題很重要。

HTML 標題

標題(Heading)是通過 <h1> – <h6> 等標籤進行定義的。

<h1> 定義最大的標題。<h6> 定義最小的標題。

例項

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

親自試一試

註釋:瀏覽器會自動地在標題的前後新增空行。

註釋:預設情況下,HTML 會自動地在塊級元素前後新增一個額外的空行,比如段落、標題元素前後。

標題很重要

請確保將 HTML heading 標籤只用於標題。不要僅僅是為了產生粗體或大號的文字而使用標題。

搜尋引擎使用標題為您的網頁的結構和內容編制索引。

因為使用者可以通過標題來快速瀏覽您的網頁,所以用標題來呈現文件結構是很重要的。

應該將 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。

HTML 水平線

<hr /> 標籤在 HTML 頁面中建立水平線。

hr 元素可用於分隔內容。

例項

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

親自試一試

提示:使用水平線 (<hr> 標籤) 來分隔文章中的小節是一個辦法(但並不是唯一的辦法)。

HTML 註釋

可以將註釋插入 HTML 程式碼中,這樣可以提高其可讀性,使程式碼更易被人理解。瀏覽器會忽略註釋,也不會顯示它們。

註釋是這樣寫的:

例項

<!-- This is a comment -->

親自試一試

註釋:開始括號之後(左邊的括號)需要緊跟一個歎號,結束括號之前(右邊的括號)不需要。

提示:合理地使用註釋可以對未來的程式碼編輯工作產生幫助。

HTML 提示 – 如何檢視原始碼

您一定曾經在看到某個網頁時驚歎道 “WOW! 這是如何實現的?”

如果您想找到其中的奧祕,只需要單擊右鍵,然後選擇“檢視原始檔”(IE)或“檢視頁面原始碼”(Firefox),其他瀏覽器的做法也是類似的。這麼做會開啟一個包含頁面 HTML 程式碼的視窗。

來自本頁的例項

標題
如何在 HTML 文件中顯示標題。
隱藏的註釋
如何在 HTML 原始碼中插入註釋。
水平線
如何插入水平線。

HTML 標籤參考手冊

W3School 的標籤參考手冊提供了有關這些標題及其屬性的更多資訊。

您將在本教程下面的章節中學到更多有關 HTML 標籤和屬性的知識。

標籤 描述
<html> 定義 HTML 文件。
<body> 定義文件的主體。
<h1> to <h6> 定義 HTML 標題
<hr> 定義水平線。
<!–> 定義註釋。