CSS的標(biāo)簽怎么正確使用

這篇文章主要講解了“CSS的標(biāo)簽怎么正確使用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS的標(biāo)簽怎么正確使用”吧！

一、h2 h3 h4標(biāo)簽適當(dāng)使用   

        比如遇到文章標(biāo)題、欄目標(biāo)題布局，大家可能采用是div標(biāo)簽來(lái)布局設(shè)置其字體大小、加粗、字體等樣式。

        這里大家不妨使用h2、h3、h4標(biāo)簽來(lái)布局，如果頁(yè)面多次使用h4標(biāo)簽可以賦予不同命名類來(lái)區(qū)別布局。

DIVCSS5首頁(yè)欄目標(biāo)題使用h4標(biāo)簽布局

DIVCSS5最終文章頁(yè)面標(biāo)題，我們使用h2標(biāo)簽布局

二、em標(biāo)簽適當(dāng)使用    

在布局局部小參數(shù)、時(shí)間等我們可以使用html em標(biāo)簽來(lái)布局，布局前將em標(biāo)簽?zāi)J(rèn)斜體樣式去掉，再賦予新的想要的CSS樣式。

淘寶寶貝頁(yè)面寶貝價(jià)格等參數(shù)使用em標(biāo)簽

三、b標(biāo)簽或strong標(biāo)簽適當(dāng)使用   

有時(shí)我們對(duì)一些有意義的內(nèi)容想以加粗方式，除了使用css加粗樣式外，不妨使用b加粗或strong加粗標(biāo)簽試試。這樣可以有利于搜索引擎優(yōu)化布局。

四、ul li列表使用   

對(duì)于li標(biāo)簽布局相信大家都明白，通常列表性的布局排版，我們使用ul li來(lái)布局比較合適，并且讓網(wǎng)頁(yè)根據(jù)條理性。

DIVCSS5欄目頁(yè)面文章標(biāo)題列表是最具典型ul li布局運(yùn)用

五、dl dt dd組合標(biāo)簽使用  

對(duì)于新手可能對(duì)dl dt dd標(biāo)簽使用不是那么熟悉，不過(guò)大家可以將ul li標(biāo)簽布局進(jìn)行對(duì)比看看：

<dl>     <dt>欄目標(biāo)題</dt>     <dd>文章標(biāo)題一</dd>     <dd>文章標(biāo)題二</dd>     <dd>文章標(biāo)題三</dd> </dl>  <ul>     <li>文章標(biāo)題一</li>     <li>文章標(biāo)題二</li>     <li>文章標(biāo)題三</li> </ul>

大家進(jìn)行對(duì)比結(jié)構(gòu)不難發(fā)現(xiàn)，dl dt dd比ul li就多了一個(gè)dt類似專為標(biāo)題的標(biāo)簽。

可以使用dl dt dd標(biāo)簽布局

像這樣標(biāo)準(zhǔn)的欄目標(biāo)題+文章標(biāo)題的大家都可以使用dl dt dd布局。

感謝各位的閱讀，以上就是“CSS的標(biāo)簽怎么正確使用”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS的標(biāo)簽怎么正確使用這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！