與CSS3網(wǎng)頁設(shè)計要的HTML元素
為了理解hl一h6標(biāo)題,可以將它們與論文、報告、新聞稿等非HTML文檔里的標(biāo)題進(jìn)行類比,例如本章的標(biāo)題“第3章HTM L5的基本結(jié)構(gòu)“就是一級標(biāo)題,"3.1 HTML標(biāo)記”就是二級標(biāo)題,"3.1.1元素”就是三級標(biāo)題,相當(dāng)于HTML文檔中的hl,h2,h3。
所有的標(biāo)題都默認(rèn)以粗體顯示,hl的字號大,h6的字號最小,中間逐層遞減,如圖3-8所示。
hl一h6標(biāo)題對頁面大綱的定義有重要的影響。通常,瀏覽器會從hl到h6逐級減小標(biāo)題的字號,但是要注意,應(yīng)該依據(jù)內(nèi)容所處的層次關(guān)系選擇標(biāo)題級數(shù),而不是根據(jù)希望文字顯示的大小去選擇。
這樣做能讓頁面具有較高的語義化程度,提升SEO效果和可訪問性。如果希望更改標(biāo)題的字體、字號、顏色等樣式,可以在CSS中實現(xiàn),這個會在后面章節(jié)中介紹。
有時,一個標(biāo)題有多個連續(xù)的層級.例如帶有子標(biāo)題的新聞頁面、有多條標(biāo)題的廣告詞等。這時將它們放進(jìn)hgroup元素中可以指明它們是相關(guān)的。每個hgroup都包含兩個或兩個以上的hl-h6標(biāo)題,不能放入其他元素,也不能僅僅只包含一個標(biāo)題,例如:
<body>
<hgroup>
<hl>新聞主標(biāo)題</hl>
< h2>新聞副標(biāo)題</h2 >
</hgroup>
<p>文章其他內(nèi)容</p>
</body>
標(biāo)題名稱:與CSS3網(wǎng)頁設(shè)計要的HTML元素
標(biāo)題鏈接:http://jinyejixie.com/news46/117496.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、建站公司、標(biāo)簽優(yōu)化、手機(jī)網(wǎng)站建設(shè)、微信小程序、域名注冊
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)