|
方法C: Phark法
網(wǎng)絡(luò)最棒的地方,就是一只會(huì)有人改進(jìn)現(xiàn)有技術(shù),尋找出要完成相同目標(biāo)可用的不同方法.在2003年8月,開發(fā)者M(jìn)ike Rundle制造出自己的圖片替換法變形(http://phark.typepad.com/phark/2003/08/accessible_imag.html),以特殊的點(diǎn)子,為想要隱藏的文字指定很大的負(fù)數(shù)text-indent值.文字理論上仍然會(huì)出現(xiàn)在屏幕上,但是超出顯示范圍太多,就算在最大的屏幕上也不會(huì)顯示出來(lái),這真是聰明的方法.
標(biāo)記語(yǔ)言和CSS
與方法B類似,Phark法(以Mike網(wǎng)站的昵稱為名)同樣不需要額外的標(biāo)簽就能正常運(yùn)作.使用方法C后標(biāo)題標(biāo)記源代碼就像這樣:
<h1 id="phark">The Phark Method</h1>
這個(gè)方法不必用上FIR法額外需要的<span>標(biāo)簽,讓我們看看隱藏文字,把它置換成圖14-5中的圖片所需的簡(jiǎn)單CSS內(nèi)容:
圖14-5 我們用來(lái)替換文字的高26像素的圖片phark.gif
#phark {
height: 26px;
text-indent: -5000px;
background: url(phark.gif) no-repeat;
}
如你所見,方法C是目前最簡(jiǎn)單的方法,不需要打上盒模型Hack或額外的標(biāo)簽,通過(guò)為文字設(shè)定夸張負(fù)縮進(jìn)值,就能把文字推到屏幕之外,讓使用者看不見它的內(nèi)容.
與方法B一樣,使用這個(gè)方法的時(shí)候,屏幕閱讀器的使用者應(yīng)該也能正常聽到標(biāo)題文字的內(nèi)容,這的確是個(gè)進(jìn)步.
仍然不完美
雖然Phark法最容易實(shí)現(xiàn),但是它仍然會(huì)在"關(guān)閉圖片顯示,啟用CSS"的情況下發(fā)生問(wèn)題,雖然聽起來(lái)實(shí)在不容易發(fā)生,但是這代表了在撰寫這段文字的時(shí)候,暫時(shí)還沒有完美的解決方法可用.
讓我們復(fù)習(xí)一下先前展示的三種方法,并且歸納它們的差異.
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 標(biāo)記語(yǔ)言——圖片替換 [3] 下一頁(yè) 標(biāo)記語(yǔ)言——圖片替換 [5]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) 標(biāo)記語(yǔ)言——圖片替換 [4]
