標(biāo)題(Heading)是通過<h1>-<h6>這幾個標(biāo)簽來定義的,<h1>定義最大的標(biāo)簽(最重要的),<h6>定義最小的標(biāo)簽(最不重要的)。需要注意的是,標(biāo)題標(biāo)簽僅僅是用于標(biāo)題,不要僅僅是為了產(chǎn)生粗體或者是大號文本而使用標(biāo)題標(biāo)簽,因?yàn)闃?biāo)題的作用是方便用戶來快速瀏覽網(wǎng)頁,所以標(biāo)題不可亂用。通過這些標(biāo)簽可以定義網(wǎng)頁中的標(biāo)題(與 word 中的標(biāo)題類似),合理使用標(biāo)題可以使網(wǎng)頁的層次結(jié)構(gòu)更加清晰。
提示:HTML 中的標(biāo)題可幫助搜索引擎理解網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。
默認(rèn)情況下,瀏覽器會以比普通文本更大和更粗的字體顯示標(biāo)題中的內(nèi)容,使用<h1>標(biāo)簽定義的標(biāo)題字體最大,而使用<h6>標(biāo)簽定義的標(biāo)題字體最小,如下例所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML標(biāo)題標(biāo)簽演示</title> </head> <body> <h1>h1 標(biāo)題</h1> <h2>h2 標(biāo)題</h2> <h3>h3 標(biāo)題</h3> <h4>h4 標(biāo)題</h4> <h5>h5 標(biāo)題</h5> <h6>h6 標(biāo)題</h6> </body> </html>
運(yùn)行結(jié)果如下圖所示:
1. HTML 標(biāo)題
(1)標(biāo)題(Heading)是通過 <h1> - <h6> 標(biāo)簽進(jìn)行定義的。
(2)<h1> 定義最大的標(biāo)題。 <h6> 定義最小的標(biāo)題。
2. 標(biāo)題很重要
請確保將 HTML 標(biāo)題 標(biāo)簽只用于標(biāo)題。不要僅僅是為了生成粗體或大號的文本而使用標(biāo)題。
搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。
因?yàn)橛脩艨梢酝ㄟ^標(biāo)題來快速瀏覽您的網(wǎng)頁,所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。
應(yīng)該將 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。
3. HTML水平線
<hr> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。
hr 元素可用于分隔內(nèi)容。
<p>這是一個段落。</p> <hr> <p>這是一個段落。</p> <hr> <p>這是一個段落。</p>
運(yùn)行結(jié)果如下圖所示:
4. HTML 注釋
可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋寫法如下:
<!--這是一段注釋--> <p>上面的注釋在網(wǎng)頁中不顯示。</p>
注釋: 開始括號之后(左邊的括號)需要緊跟一個嘆號 ! (英文標(biāo)點(diǎn)符號),結(jié)束括號之前(右邊的括號)不需要,合理地使用注釋可以對未來的代碼編輯工作產(chǎn)生幫助。
5. HTML 提示 - 如何查看源代碼
你是否看過一些網(wǎng)頁然后驚嘆它是如何實(shí)現(xiàn)的。
如果您想找到其中的奧秘,只需要單擊右鍵,然后選擇"查看源文件"(IE)或"查看頁面源代碼"(Firefox),其他瀏覽器的做法也是類似的。這么做會打開一個包含頁面 HTML 代碼的窗口。
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍(lán)橋杯競賽優(yōu)秀選手錄制的視頻教程,并配有習(xí)題和答疑,點(diǎn)擊了解:
一點(diǎn)編程也不會寫的:零基礎(chǔ)C語言學(xué)練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進(jìn)階課程
從零到寫出一個爬蟲的Python編程課程
只會語法寫不出代碼?手把手帶你寫100個編程真題的編程百練課程
信息學(xué)奧賽或C++選手的 必學(xué)C++課程
藍(lán)橋杯ACM、信息學(xué)奧賽的必學(xué)課程:算法競賽課入門課程
手把手講解近五年真題的藍(lán)橋杯輔導(dǎo)課程