標(biāo)記語(yǔ)言——標(biāo)題

2019-10-26 17:21:42

字體：大中小

供稿：網(wǎng)友

點(diǎn)擊這里返回武林站長(zhǎng)站　HTML教程　欄目．
上文：Chapter1 清單
原文出處
標(biāo)準(zhǔn)化設(shè)計(jì)解決方案 - 標(biāo)記語(yǔ)言和樣式手冊(cè)
Web Standards Solutions The Markup and Style Handbook
Part 1: Get Down With Markup 從標(biāo)記語(yǔ)法談起
Chapter2 標(biāo)題
總覽:
不但所有網(wǎng)頁(yè)都需要有標(biāo)題,而且如果標(biāo)記正確的話,他們能為網(wǎng)頁(yè)設(shè)計(jì)和易用性增色不少.
從外觀來(lái)說(shuō),網(wǎng)頁(yè)的標(biāo)題通常是使用較大的字號(hào),或許會(huì)用和主體文字不同的顏色或者字體.標(biāo)題的作用是"簡(jiǎn)要的描述往后章節(jié)所討論的主題",W3C這樣描述 — 顯示網(wǎng)頁(yè)內(nèi)各個(gè)段落的概要.
怎樣來(lái)創(chuàng)建一個(gè)頁(yè)面標(biāo)題來(lái)使得我們要展現(xiàn)的信息得到最有效的利用?在這個(gè)章節(jié)中,我們將研究幾種常用的處理標(biāo)題的方法,試著從中找出其中一種對(duì)我們最有幫助的方式,然后,我們將使用一些css的技巧和竅門來(lái)為最棒的方法裝飾一番.
創(chuàng)建文檔標(biāo)題的最好方法是什么?
在回答這個(gè)問題之前,讓我們假設(shè)現(xiàn)在正要把標(biāo)題放置在文檔的頁(yè)首,我們來(lái)看看能夠達(dá)成類似效果的三種方式.
方法A:有意義嗎?
Super Cool Page Title
雖然標(biāo)簽在某些場(chǎng)合會(huì)是個(gè)方便的標(biāo)簽,但是對(duì)于頁(yè)面標(biāo)題來(lái)說(shuō),它的意義并不大,使用這個(gè)方法的唯一好處是我們可以為 heading 類指定一個(gè)css樣式,以便讓文字看起來(lái)像是個(gè)標(biāo)題.
.heading {
font-size: 24px;
font-weight: bold;
color: blue;
}
現(xiàn)在,所有標(biāo)記了heading類的標(biāo)題都會(huì)變大,變粗,變藍(lán),很棒對(duì)吧?但是,如果有人使用一個(gè)不支持css的瀏覽器訪問這個(gè)頁(yè)面會(huì)怎么樣呢?
舉例來(lái)說(shuō),如果我們把css樣式放在舊瀏覽器不支持的外部樣式表文件里 — 或者屏幕閱讀器為有障礙的用戶朗讀頁(yè)面時(shí)會(huì)怎么樣呢?通過這些途徑訪問這個(gè)頁(yè)面的使用者將看不到(聽不到)標(biāo)題和正文文字的差異.
class="heading"這樣的標(biāo)注方法稍~~微的描述了標(biāo)簽內(nèi)容的意義,但是只是個(gè)一般用途的容器,只是讓大部分瀏覽器改變默認(rèn)顯示樣式而已.
搜索引擎在抓取到這個(gè)頁(yè)面時(shí),會(huì)跳過標(biāo)簽就像它不曾在那邊一樣,不會(huì)為里面可能包含的關(guān)鍵字提升權(quán)重,稍后在本章節(jié)內(nèi)會(huì)提到更多搜索引擎和頁(yè)面標(biāo)題的關(guān)系.
最后,由于標(biāo)簽是一個(gè)行內(nèi)元素,我們大多需要把方法A的內(nèi)容在放置到另一個(gè)塊級(jí)容器中,比方說(shuō)或者<div>,以便讓它獨(dú)占一行.這樣會(huì)生成許多不必要的代碼,就算你加上需要的容器,不支持css的瀏覽器仍然會(huì)以他本來(lái)的方式顯示文字,讓用戶看不出標(biāo)題和正文的任何區(qū)別.
上一頁(yè)12 3 4 5 下一頁(yè) 閱讀全文

上一篇：標(biāo)記語(yǔ)言——錨點(diǎn)

下一篇：HTML標(biāo)記語(yǔ)言——表單