詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用
來源:易賢網(wǎng) 閱讀:861 次 日期:2016-06-15 11:52:20
溫馨提示:易賢網(wǎng)小編為您整理了“詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用”,方便廣大網(wǎng)友查閱!

XHTML 標(biāo)題概述

我們在撰寫 Word 文檔的時候,常常會使用標(biāo)題,如 “第一章”、“1.2.1” 等。在 XHTML 語法中也有標(biāo)題這個概念。 在 XHTML 中定義了 6 級標(biāo)題,分別是 <h1> 到 <h6> :

XML/HTML Code

1.<h1>第一級標(biāo)題</h1>  

2.<h2>第二級標(biāo)題</h2>  

3.<h3>第三級標(biāo)題</h3>  

4.<h4>第四級標(biāo)題</h4>  

5.<h5>第五級標(biāo)題</h5>  

6.<h6>第六級標(biāo)題</h6>  

標(biāo)題的使用

在 XHTML 文檔中,標(biāo)題很重要,搜索引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引,我們要善于使用標(biāo)題標(biāo)識我們的文檔層次。

在標(biāo)題中,第一級標(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)題

對于大于 h3 以上的 h4 至 h6 標(biāo)題,可以在適當(dāng)?shù)牡胤竭x用,如版權(quán)聲明或免責(zé)通告等相對比較重要的地方。

另外請注意,層次一定是遞減的,h1 下面 應(yīng)該是 h2 這個層次,然后依次 h3 ...。

一些標(biāo)題使用的建議

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

XML/HTML Code1.<h1>XHTML 標(biāo)題<h1>  

而此時網(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

1.<body>  

2.<h1>第一級標(biāo)題</h1>  

3.<h2>第二級標(biāo)題</h2>  

4.<h3>第三級標(biāo)題</h3>  

5.<h4>第四級標(biāo)題</h4>  

6.<h5>第五級標(biāo)題</h5>  

7.<h6>第六級標(biāo)題</h6>  

8.<p>hi~你好!</p>  

9.</body>  

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

名字

通過例子可以看出,瀏覽器會自動給一個標(biāo)題形成一個換行(每個標(biāo)題獨(dú)占一行)。

段落 p 標(biāo)簽

在 XHTML 中,通過 <p></p> 標(biāo)簽來定義段落。

XHTML 段落

段落標(biāo)簽實(shí)例:

XML/HTML Code1.<p>這是一個段落。</p>  

在實(shí)際的生產(chǎn)工作中,我們大量的使用 <p></p> 段落標(biāo)簽。

給文字添加了段落標(biāo)簽后,瀏覽器會自動給該段文字添加一個段落換行。但我們不要依賴空的 <p></p> 來形成一個空行,而應(yīng)該用 <br /> 換行標(biāo)簽。

換行 <br />

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

實(shí)例:

XML/HTML Code

1.<p>這是一些內(nèi)容</p>  

2.<br /><br />  

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

由于換行標(biāo)簽只是告知瀏覽器這個地方需要換行,而無實(shí)質(zhì)性的內(nèi)容,因此這個標(biāo)簽不是成對出現(xiàn)的,且一個 <br /> 只換行一次,需要多次換行,請輸入多個 <br /> 標(biāo)簽。

在 <p></p> 中如果插入 <br /> 標(biāo)簽,同樣會產(chǎn)生換行效果。

<br />還是<br>?

盡管我們使用 <br> 仍然能取得換行效果,但那是瀏覽器兼容 HTML4.0 規(guī)范的結(jié)果。

在 XHTML 規(guī)范中,對于不是成對的標(biāo)簽,只需要在內(nèi)容結(jié)束后加入一個空格,然后以 /> 來閉合標(biāo)簽,如 <br /> 以及后面要講到的<img /><input />等標(biāo)簽。

所以是 <br /> 而不是 <br/> 或 <br> 。

更多信息請查看網(wǎng)頁制作
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)