05_HTML 標(biāo)題

在HTML 文檔中,標(biāo)題很重要。如果需要練習(xí)代碼,請點擊這里

  • HTML 標(biāo)題
標(biāo)題(Heading)是通過<h1>-<h6>等標(biāo)簽進(jìn)行定義的。
<h1> 定義最大的標(biāo)題。<h6>定義最小的標(biāo)題。

實例

<h1>這是第一級標(biāo)題</h1>
<h2>這是第二級標(biāo)題</h2>
<h3>這是第三級標(biāo)題</h3>
                :

注:默認(rèn)情況下,HTML會自動地在塊級元素前后添加一個額外的空行,比如段落、標(biāo)題元素前后。

  • 標(biāo)題很重要
    請確保將 HTML heading 標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標(biāo)題。
    搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。
    因為用戶可以通過標(biāo)題來快速瀏覽您的網(wǎng)頁,所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。
    應(yīng)該將 h1 用作主標(biāo)題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。
  • HTML 水平線

    標(biāo)簽在HTML頁面中創(chuàng)建水平線。
    hr元素可用于分隔內(nèi)容。
    實例
<p>這是一個段落</p>
<hr />
<p>這是一個段落</p>
<hr />
<p>這是一個段落</p>

結(jié)果展示:


提示:使用水平線 (
標(biāo)簽) 來分隔文章中的小節(jié)是一個辦法(但并不是唯一的辦法)

  • HTML 注釋
    可以將注釋插入HTML代碼中,這樣可以提高其可讀性,使代碼更容易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
    實例:
<!-- 這是一行注釋 -->

注:開始括號之后(左邊的括號)需要緊跟一個嘆號,結(jié)束括號之前(右邊的括號)不需要。
運行結(jié)果不顯示。

分享HTML標(biāo)簽參考手冊
<html>定義HTML文檔
<body>定義文檔的主體
<標(biāo)題>定義 HTML 標(biāo)題


定義水平線
[

OK,練習(xí)練習(xí)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評論 19 139
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,376評論 0 16
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,996評論 25 709
  • 2016年,我在吹牛家族250天。 2016年關(guān)鍵詞,必然有“吹牛”。 2016年對我影響最大的社群,必然是“吹牛...
    簡小靜閱讀 556評論 0 1
  • 下班的時候,同事桃子給我發(fā)來微信:感覺自己像行尸走肉一樣。剛我走在路上想著事,突然驚醒,問自己,為什么我在這里???..
    紛飛清揚(yáng)閱讀 830評論 0 0

友情鏈接更多精彩內(nèi)容