HTML5文本 段落

    ■知識(shí)點(diǎn)

    網(wǎng)頁(yè)正文主要通過段落文本來表現(xiàn)。HTML5使用<p>標(biāo)簽定義段落文本。個(gè)別用戶習(xí)慣使用<div> 或<br>等標(biāo)簽來分段文本，這不符合語(yǔ)義，妨礙了搜索引擎的檢索。

    ■實(shí)例設(shè)計(jì)

    本例設(shè)計(jì)一首唐詩(shī)，使用<article>包裹整個(gè)內(nèi)容，使用<hl>定義唐詩(shī)的名稱，使用<h2>標(biāo)明作者， 使用<p>顯示具體詩(shī)句。

<article>

    <h1>楓橋夜泊</hl>

    <h2>張繼</h2>

<p>月落烏啼霜滿天，江楓漁火對(duì)愁眠。</p> <P>姑蘇城外寒山寺，夜半鐘聲到客船。</p> 〈/article〉

    ■小結(jié)

    在默認(rèn)情況下，段落文本前后合計(jì)顯示約一個(gè)宇距的間距，用戶可以根據(jù)需要使用CSS重置這些樣式，為段落文本添加樣式，如字體、字號(hào)、顏色、對(duì)齊等。