HTML5文本 標(biāo)題

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

    標(biāo)題是網(wǎng)頁(yè)信息的綱領(lǐng)，提綱挈領(lǐng)，因此無(wú)論是瀏覽者，還是搜索引擎都比較重視標(biāo)題所要傳達(dá)的信息。HTML5把標(biāo)題分為6級(jí)，分別使用<hlxh2xh3><h4xh5xh6>：^簽進(jìn)行標(biāo)識(shí)，按語(yǔ)義輕重從高到低分別為：hi、h2、h3、h4、h5、h6,它們包含信息的重要性逐級(jí)遞減。其中hi表示最重要的信息，而h6表示最次要的信息。

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

【示例1】標(biāo)題代表了文檔的大綱。當(dāng)設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容時(shí)，可以根據(jù)需要為內(nèi)容的每個(gè)主要部分指定—個(gè)標(biāo)題和任意數(shù)量的子標(biāo)題，以及子子標(biāo)題等。

    <hl>唐詩(shī)欣賞</hl>

    <h2>春曉</h2>

    <h3>孟浩然</h3>

    <p>春眠不覺(jué)曉，處處聞啼鳥。</p>

    <p>夜來(lái)風(fēng)雨聲，花落知多少。</p>

    在上面示例中，標(biāo)記為h2的“春曉”是標(biāo)記為hi的頂級(jí)標(biāo)題“唐詩(shī)欣賞”的子標(biāo)題，而“孟浩然”是h3,它就成了“春曉”的子標(biāo)題，也是hi的子子標(biāo)題。如果繼續(xù)編寫頁(yè)面其余部分的代碼，相關(guān)的內(nèi)容（段落、圖像、視頻等）就要緊跟在對(duì)應(yīng)的標(biāo)題后面。

    對(duì)任何頁(yè)面來(lái)說(shuō)，分級(jí)標(biāo)題都可以說(shuō)是最重要的HTML元素。由于標(biāo)題通常傳達(dá)的是頁(yè)面的主題，因此，對(duì)搜索引擎而言，如果標(biāo)題與搜索詞匹配，這些標(biāo)題就會(huì)被賦予很高的權(quán)重，尤其是等級(jí)最高的hi,當(dāng)然不是說(shuō)頁(yè)面中的hi越多越好，搜索引擎能夠聰明地判斷出哪些hi是可用的、哪些hi是湊數(shù)的。