這里列出了使用語義化HTML很重要的幾個(gè)原因。我們沒有給出全部原因,我們已經(jīng)在以前提到一些內(nèi)容了。
提升可訪問性和互操作性(內(nèi)容對于借助輔助技術(shù)的殘障訪問者是可訪問的,同時(shí)對于臺(tái)式機(jī)、手機(jī)、平板電腦及其他設(shè)備上的瀏覽器都是可訪問的)。
提升搜索引擎優(yōu)化(SEO)的效果。
使維護(hù)代碼和添加樣式變得容易。
(通常)使代碼更少,頁面加載更快。
無障礙訪問
你可能對無障礙訪問并不熟悉。它指的是讓內(nèi)容對所有用戶可用,不論其能力如何。萬維網(wǎng)的開創(chuàng)者Tim Berners-Lee曾說過一句話:“萬維網(wǎng)的力量在于其普適性。讓包括殘障人士在內(nèi)的每個(gè)人都能訪問萬維網(wǎng),是極為重要的一點(diǎn)?!?br />
任何帶有瀏覽器的設(shè)備都可以顯示HTML,因?yàn)樗皇俏谋尽H欢?,用戶獲取內(nèi)容的方式可能不同。例如,視力正常的人可以直接查看內(nèi)容,而視力受損的用戶則需要放大頁面,調(diào)大字號(hào),或者使用屏幕閱讀器(可以將內(nèi)容朗讀出來的軟件,是輔助技術(shù)的一個(gè)例子)。
有時(shí),屏幕閱讀器會(huì)將內(nèi)容周圍的HTML元素的類型讀出來,讓用戶了解上下文。例如,對于列表,在讀出列表各個(gè)條目之前,屏幕閱讀器會(huì)首先告訴用戶這里有一個(gè)列表。類似地,對于鏈接,屏幕閱讀器會(huì)告訴用戶這里有一個(gè)鏈接,方便其決定是否點(diǎn)擊這個(gè)鏈接。
屏幕閱讀器用戶能夠以多種方式瀏覽網(wǎng)頁,例如通過鍵盤按鍵從一個(gè)標(biāo)題跳到下一個(gè)標(biāo)題。這樣,他們可以先了解一個(gè)頁面的關(guān)鍵主題有哪些,再去聽他們感興趣的內(nèi)容,而不必把整個(gè)頁面從頭到尾聽下來。
由此可見,對殘障人士來說,好的語義產(chǎn)生了多么大的差別。
搜索引擎優(yōu)化(SEO)
的效果也會(huì)得到改善,也就是說網(wǎng)頁在搜索引擎中的排名會(huì)靠前,因?yàn)樗阉饕鎸τ锰厥夥绞綐?biāo)記的內(nèi)容會(huì)賦予更高的權(quán)重。例如,標(biāo)題告訴搜索引擎爬蟲頁面的主要主題,幫助瀏覽器對頁面目錄進(jìn)行索引(index)。
更容易維護(hù)代碼和添加樣式
隨著不斷深入閱讀本書,你會(huì)了解為什么好的語義能使代碼更有效、更易于維護(hù)和添加樣式。你將了解到,借助CSS,我們可以輕松統(tǒng)一特定元素的樣式,例如,讓所有的段落顯示為深灰色,并使用Georgia字體。如果你將某些段落標(biāo)記為p元素,某些標(biāo)記為其他元素,那么就要在CSS中同時(shí)為這兩種元素設(shè)定樣式,這就添加了不必要的復(fù)雜性。
這樣做也會(huì)讓維護(hù)HTML變得困難。好的語義可以讓網(wǎng)頁變得統(tǒng)一和“干凈”。這樣做還會(huì)使文件尺寸變小,從而瀏覽器加載網(wǎng)頁的速度變得更快。