詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用

來源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊：次

XHTML 標(biāo)題概述
我們?cè)谧珜?Word 文檔的時(shí)候，常常會(huì)使用標(biāo)題，如 “第一章”、“1.2.1” 等。在 XHTML 語法中也有標(biāo)題這個(gè)概念。在 XHTML 中定義了 6 級(jí)標(biāo)題，分別是 <h1> 到 <h6> ：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<h1>第一級(jí)標(biāo)題</h1>
<h2>第二級(jí)標(biāo)題</h2>
<h3>第三級(jí)標(biāo)題</h3>
<h4>第四級(jí)標(biāo)題</h4>
<h5>第五級(jí)標(biāo)題</h5>
<h6>第六級(jí)標(biāo)題</h6>

標(biāo)題的使用
在 XHTML 文檔中，標(biāo)題很重要，搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引，我們要善于使用標(biāo)題標(biāo)識(shí)我們的文檔層次。
在標(biāo)題中，第一級(jí)標(biāo)題最高，然后依次遞減。一般來說，在 XHTML 文檔中，標(biāo)題適用于文檔中（<body> 標(biāo)簽內(nèi)）如下地方：
按照網(wǎng)站層次來分：
<h1>定義網(wǎng)站標(biāo)題
<h2>定義網(wǎng)站導(dǎo)航或者欄目
<h3>定義文章標(biāo)題
按照網(wǎng)站內(nèi)容來分：
<h1>定義網(wǎng)站標(biāo)題
<h2>定義文章標(biāo)題
<h3>定義欄目標(biāo)題
對(duì)于大于 h3 以上的 h4 至 h6 標(biāo)題，可以在適當(dāng)?shù)牡胤竭x用，如版權(quán)聲明或免責(zé)通告等相對(duì)比較重要的地方。
另外請(qǐng)注意，層次一定是遞減的，h1 下面應(yīng)該是 h2 這個(gè)層次，然后依次 h3 ...。

一些標(biāo)題使用的建議
由于 h1 表名了整個(gè)頁(yè)面的核心內(nèi)容，因此一般來說 h1 只能出現(xiàn)一次（并不絕對(duì)這樣，但絕對(duì)不能出現(xiàn)多次）且用于該文最強(qiáng)調(diào)的地方。所以如果對(duì)于具體的內(nèi)容頁(yè)面，h1 往往會(huì)用于文章題目以突出文章的重要性，如本站：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<h1>XHTML 標(biāo)題<h1>

而此時(shí)網(wǎng)站標(biāo)題（網(wǎng)站logo）是否再采用 h1 ，則根據(jù)實(shí)際情況而定。
標(biāo)題使用練習(xí)
用編輯器打開我們的學(xué)習(xí)文檔 1.html 文件，將上面的 <h1> 至 <h6> 標(biāo)簽拷貝到 <body> 標(biāo)簽內(nèi)：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<body>
<h1>第一級(jí)標(biāo)題</h1>
<h2>第二級(jí)標(biāo)題</h2>
<h3>第三級(jí)標(biāo)題</h3>
<h4>第四級(jí)標(biāo)題</h4>
<h5>第五級(jí)標(biāo)題</h5>
<h6>第六級(jí)標(biāo)題</h6>
<p>hi~你好！</p>
</body>

保存并用瀏覽器打開1.html文件（如果已經(jīng)打開則點(diǎn)擊瀏覽器刷新按鈕重新載入文檔，下同，不再贅述），可以查看標(biāo)題標(biāo)簽的效果如下：

通過例子可以看出，瀏覽器會(huì)自動(dòng)給一個(gè)標(biāo)題形成一個(gè)換行（每個(gè)標(biāo)題獨(dú)占一行）。

段落 p 標(biāo)簽
在 XHTML 中，通過 <p></p> 標(biāo)簽來定義段落。
XHTML 段落
段落標(biāo)簽實(shí)例：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<p>這是一個(gè)段落。</p>

在實(shí)際的生產(chǎn)工作中，我們大量的使用 <p></p> 段落標(biāo)簽。
給文字添加了段落標(biāo)簽后，瀏覽器會(huì)自動(dòng)給該段文字添加一個(gè)段落換行。但我們不要依賴空的 <p></p> 來形成一個(gè)空行，而應(yīng)該用 <br /> 換行標(biāo)簽。

換行 <br />
在 XHTML 文檔中，標(biāo)題或者段落標(biāo)簽只提供一個(gè)換行標(biāo)記，如果我們需要一個(gè)空行或者多個(gè)換行，就需要換行標(biāo)簽 <br /> 。在 XHTML 中用編輯 Word 的方式敲回車鍵換行是無效的，瀏覽器會(huì)忽略這樣產(chǎn)生的換行空白。
實(shí)例：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<p>這是一些內(nèi)容</p>
<br /><br />
<p>這是另一些內(nèi)容</p>

由于換行標(biāo)簽只是告知瀏覽器這個(gè)地方需要換行，而無實(shí)質(zhì)性的內(nèi)容，因此這個(gè)標(biāo)簽不是成對(duì)出現(xiàn)的，且一個(gè) <br /> 只換行一次，需要多次換行，請(qǐng)輸入多個(gè) <br /> 標(biāo)簽。
在 <p></p> 中如果插入 <br /> 標(biāo)簽，同樣會(huì)產(chǎn)生換行效果。

<br />還是<br>？
盡管我們使用 <br> 仍然能取得換行效果，但那是瀏覽器兼容 HTML4.0 規(guī)范的結(jié)果。
在 XHTML 規(guī)范中，對(duì)于不是成對(duì)的標(biāo)簽，只需要在內(nèi)容結(jié)束后加入一個(gè)空格，然后以 /> 來閉合標(biāo)簽，如 <br /> 以及后面要講到的<img /><input />等標(biāo)簽。
所以是 <br /> 而不是 <br/> 或 <br> 。

上一篇：Nofollow標(biāo)簽的寫法以及nofollow使用介紹

欄目：CSS/HTML

下一篇：淺談html中input只讀屬性readonly和disable的區(qū)別

本文標(biāo)題：詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/9683.html

更多CSS/HTML

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

CSS/HTML

詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀