解決現(xiàn)實(shí)的問(wèn)題
HTML5的另一個(gè)設(shè)計(jì)原理是解決現(xiàn)實(shí)的問(wèn)題。顯而易見(jiàn)的是,解決各種問(wèn)題的格式和規(guī)范已經(jīng)比比皆是了,因此在我看來(lái),這個(gè)原理其實(shí)是要解決理論問(wèn)題,而非解決現(xiàn)實(shí)的問(wèn)題。這條設(shè)計(jì)原理是要從理論上承認(rèn)人們普遍存在的問(wèn)題,消除敏感問(wèn)題。
下面我來(lái)舉個(gè)例子。相信這個(gè)例子有不少人都遇到過(guò)。假設(shè)我使用HTML 4或XHTML 1,頁(yè)面中已經(jīng)有了一塊內(nèi)容,我想給整塊內(nèi)容加個(gè)鏈接,怎么辦?問(wèn)題是這塊內(nèi)容里包含一個(gè)標(biāo)題,一個(gè)段落,也許還有一張圖片。如果我想給它們?nèi)慷伎梢渣c(diǎn)擊,必須使用3個(gè)鏈接元素。于是,我得先把光標(biāo)放在標(biāo)題(比如說(shuō)h2元素)中,寫一個(gè)鏈接標(biāo)簽,然后再選中所有要包含到鏈接里面來(lái)的文本。接著,再把光標(biāo)放在段落里,寫一個(gè)鏈接標(biāo)簽,然后把段落中的文本放在鏈接里……
<h2><a href="/path/to/resource">Headline text</a></h2> <p><a href="/path/to/resource">Paragraph text.</a></p>
在HTML5中,我只要簡(jiǎn)單地把所有內(nèi)容都包裝在一個(gè)鏈接元素中就行了。
<a href="/path/to/resource"> <h2>Headline text</h2> <p>Paragraph text.</p> </a>
沒(méi)錯(cuò),鏈接包含的都是塊級(jí)元素,但現(xiàn)在我可以用一個(gè)元素包含它們。這樣太好了。因?yàn)槲遗龅竭^(guò)類似的情形,必須給幾個(gè)塊級(jí)元素加上相同的鏈接,所有能這樣寫就太好了。為此,我就非常歡迎HTML5這個(gè)新標(biāo)準(zhǔn)。
它解決了一個(gè)現(xiàn)實(shí)的問(wèn)題。我敢說(shuō)在座不少朋友都曾遇到過(guò)這個(gè)問(wèn)題。
那這到底解決的是什么問(wèn)題呢?瀏覽器不必因此重新寫代碼來(lái)支持這種寫法。這種寫法其實(shí)早就已經(jīng)存在于瀏覽器中了,因?yàn)樵缇陀腥诉@樣寫了,當(dāng)然以前這樣寫是不合乎規(guī)范的。所以,說(shuō)HTML5解決現(xiàn)實(shí)的問(wèn)題,其本質(zhì)還是“你都這樣寫了很多年了吧?現(xiàn)在我們把標(biāo)準(zhǔn)改了,允許你這樣寫了!
出處:
責(zé)任編輯:bluehearts
上一頁(yè) HTML5設(shè)計(jì)原理 [6] 下一頁(yè) HTML5設(shè)計(jì)原理 [8]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|