HTML標題

風雲13發表於2018-11-07
HTML

在 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> 定義水平線。
<!–> 定義註釋。

相關文章