国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用_HTML/Xhtml_網(wǎng)頁制作

php中文網(wǎng)
發(fā)布: 2016-05-16 16:36:13
原創(chuàng)
2767人瀏覽過

xhtml 標(biāo)題概述
我們在撰寫 word 文檔的時(shí)候,常常會使用標(biāo)題,如 “第一章”、“1.2.1” 等。在 xhtml 語法中也有標(biāo)題這個(gè)概念。 在 xhtml 中定義了 6 級標(biāo)題,分別是


XML/HTML Code復(fù)制內(nèi)容到剪貼板
  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)題適用于文檔中(

標(biāo)簽內(nèi))如下地方:
按照網(wǎng)站層次來分:

定義網(wǎng)站標(biāo)題

定義網(wǎng)站導(dǎo)航或者欄目

定義文章標(biāo)題
按照網(wǎng)站內(nèi)容來分:

定義網(wǎng)站標(biāo)題

定義文章標(biāo)題

定義欄目標(biāo)題
對于大于 h3 以上的 h4 至 h6 標(biāo)題,可以在適當(dāng)?shù)牡胤竭x用,如版權(quán)聲明或免責(zé)通告等相對比較重要的地方。
另外請注意,層次一定是遞減的,h1 下面 應(yīng)該是 h2 這個(gè)層次,然后依次 h3 ...。


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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. h1>XHTML?標(biāo)題h1>??

而此時(shí)網(wǎng)站標(biāo)題(網(wǎng)站logo)是否再采用 h1 ,則根據(jù)實(shí)際情況而定。
標(biāo)題使用練習(xí)
用編輯器打開我們的學(xué)習(xí)文檔 1.html 文件,將上面的

標(biāo)簽拷貝到 標(biāo)簽內(nèi):
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  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)簽的效果如下:
201636113918682.gif (396×290)

立即學(xué)習(xí)前端免費(fèi)學(xué)習(xí)筆記(深入)”;

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

段落 p 標(biāo)簽
在 XHTML 中,通過

標(biāo)簽來定義段落。
XHTML 段落
段落標(biāo)簽實(shí)例:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p>這是一個(gè)段落。p>??

在實(shí)際的生產(chǎn)工作中,我們大量的使用

段落標(biāo)簽。
給文字添加了段落標(biāo)簽后,瀏覽器會自動給該段文字添加一個(gè)段落換行。但我們不要依賴空的

來形成一個(gè)空行,而應(yīng)該用
換行標(biāo)簽。


換行

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. p>這是一些內(nèi)容p>??
  2. br?/>br?/>??
  3. p>這是另一些內(nèi)容p>??

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

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



還是
?
盡管我們使用
仍然能取得換行效果,但那是瀏覽器兼容 HTML4.0 規(guī)范的結(jié)果。
在 XHTML 規(guī)范中,對于不是成對的標(biāo)簽,只需要在內(nèi)容結(jié)束后加入一個(gè)空格,然后以 /> 來閉合標(biāo)簽,如
以及后面要講到的詳解XHTML中的標(biāo)題標(biāo)簽與段落標(biāo)簽的使用_HTML/Xhtml_網(wǎng)頁制作等標(biāo)簽。
所以是
而不是

。

HTML速學(xué)教程(入門課程)
HTML速學(xué)教程(入門課程)

HTML怎么學(xué)習(xí)?HTML怎么入門?HTML在哪學(xué)?HTML怎么學(xué)才快?不用擔(dān)心,這里為大家提供了HTML速學(xué)教程(入門課程),有需要的小伙伴保存下載就能學(xué)習(xí)啦!

下載
來源:php中文網(wǎng)
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn
最新問題
開源免費(fèi)商場系統(tǒng)廣告
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號