成都網(wǎng)絡(luò)公司認(rèn)識標(biāo)題、段落、區(qū)塊、強(qiáng)調(diào)等文本標(biāo)簽

今天小編為大家?guī)沓啥既A信智原HTML第三課，認(rèn)識標(biāo)題、段落、區(qū)塊、強(qiáng)調(diào)等文本標(biāo)簽，一個(gè)網(wǎng)頁中文字是傳達(dá)信息的主要元素，文本主要由重要的標(biāo)題、文章段落、被強(qiáng)調(diào)的文本、普通的文本組成。下面我們就一起來學(xué)習(xí)吧！

一、標(biāo)題

標(biāo)題標(biāo)簽有六個(gè)，依次是h1，h2，h3，h4，h5，h6。

Markup

網(wǎng)頁最重要的文字標(biāo)簽，一般用在logo、三級頁面文章標(biāo)題上。
重要性次于h1，一般用在首頁、二級頁面的模塊標(biāo)題，三級頁面文章的二級標(biāo)題上。
重要性次于h2，一般用在文章列表的標(biāo)題上。
不太重要
不常用
不常用

比如，騰訊網(wǎng)的logo就是使用h1，代碼如下：

Markup

騰訊網(wǎng)

首頁中很多的新聞模塊，模塊的標(biāo)題使用的h2，代碼如下：

Markup

今日話題

“今日話題”新聞模塊下的頭條新聞，新聞標(biāo)題使用了h3，代碼如下：

Markup

女子動(dòng)車上拒給老人讓座：別強(qiáng)行拔高道德水準(zhǔn)

二、段落標(biāo)簽

段落內(nèi)容

段落標(biāo)簽很簡單，文章是由段落構(gòu)成的，不過默認(rèn)的段落樣式?jīng)]有符合中國人首行縮進(jìn)的習(xí)慣。需要后期css樣式重新設(shè)置。

Markup

段落文本

三、特殊的文本

1、強(qiáng)調(diào)文本標(biāo)簽

文章中有一些文字相對來說比較重要，但是還不足以成為標(biāo)題的時(shí)候，可以使用強(qiáng)調(diào)標(biāo)簽，該標(biāo)簽要和標(biāo)簽區(qū)別開來。雖然兩個(gè)標(biāo)簽都能讓文字加粗，但是也只是讓文字樣式加粗，并沒有強(qiáng)調(diào)文字重要性的含義，而且也建議用CSS樣式代替文字加粗的樣式。

Markup

強(qiáng)調(diào)的文本

2、

預(yù)格式化文本，pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)為等寬字體。常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
Markup

3、
引用文本
Markup
毛澤東說過：
帝國主義都是紙老虎 ... 

4、定義計(jì)算機(jī)代碼文本。和pre有點(diǎn)差不多呢。
Markup
for(var i=0;i<100;i++){

}
5、定義引用?？墒褂迷摌?biāo)簽對參考文獻(xiàn)的引用進(jìn)行定義，比如書籍或雜志的標(biāo)題。和blockquote還是有差別的。
……還有一些使用頻率較少的關(guān)于文本的標(biāo)簽請自行查手冊。
四、區(qū)塊文本
該標(biāo)簽一般用來表示一塊文本需要區(qū)別出來，而且該文本一般不具有特別重要的意義。比如文章發(fā)表的作者、日期、評論次數(shù)、點(diǎn)贊等等。
Markup
評論次數(shù)：
五、普通文本
文本沒有用具體的標(biāo)簽來描述，直接放在結(jié)構(gòu)性標(biāo)簽里面。比如直接把文本放在div、li等結(jié)構(gòu)性標(biāo)簽中。這種做法不太友好。
Markup
文本內(nèi)容

在html5中增加了很多具有語義化的文本標(biāo)簽，比如日期、
地址
、不夠重要的小號文本等，還是查閱萬能的手冊吧。
html4手冊下載
xhtml_reference.chm
html5手冊下載
w3c標(biāo)準(zhǔn)html5手冊.chm
還有一個(gè)好辦法就是看優(yōu)質(zhì)的網(wǎng)站是如何使用標(biāo)簽的。下載一個(gè)谷歌瀏覽器，利用右鍵菜單中“審查元素”的命令，可以很好的查看當(dāng)前文檔的html、css、js等內(nèi)容。
當(dāng)然火狐的firebug更專業(yè)，不過火狐的開啟速度.......，所以還是平民的谷歌更讓我喜歡，蘿卜白菜，各有所愛啦！
成都網(wǎng)絡(luò)公司-了解更多此方面的朋友請登陸：http://www.wjwsks.com/！這里有更多的驚喜等著您！