HTML 標題 · W3School HTML & CSS 教程

# 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 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略注釋，也不會顯示它們。注釋是這樣寫的： ### 實例 ```  ``` 注釋：開始括號之后（左邊的括號）需要緊跟一個嘆號，結束括號之前（右邊的括號）不需要。提示：合理地使用注釋可以對未來的代碼編輯工作產生幫助。 ## HTML 提示 - 如何查看源代碼您一定曾經在看到某個網頁時驚嘆道 “WOW! 這是如何實現的？” 如果您想找到其中的奧秘，只需要單擊右鍵，然后選擇“查看源文件”（IE）或“查看頁面源代碼”（Firefox），其他瀏覽器的做法也是類似的。這么做會打開一個包含頁面 HTML 代碼的窗口。 ## 來自本頁的實例 [標題](/tiy/t.asp?f=html_headers) [隱藏的注釋](/tiy/t.asp?f=html_comment) [水平線](/tiy/t.asp?f=html_hr) ## HTML 標簽參考手冊 W3School 的標簽參考手冊提供了有關這些標題及其屬性的更多信息。您將在本教程下面的章節中學到更多有關 HTML 標簽和屬性的知識。 | 標簽 | 描述 | | --- | --- | | [`<html>`](/tags/tag_html.asp) | 定義 HTML 文檔。 | | [`<body>`](/tags/tag_body.asp) | 定義文檔的主體。 | | [`<h1>` to `<h6>`](/tags/tag_hn.asp) | 定義 HTML 標題 | | [`<hr>`](/tags/tag_hr.asp) | 定義水平線。 | | [`<!-->`](/tags/tag_comment.asp) | 定義注釋。 |