|
發(fā)揮結(jié)構的潛力
除了容易使用樣式之外,結(jié)構化標記也便于服務器端軟件進行處理,帶來有趣的應用.
舉例來說,易用性提倡者Mark pilgrim在他個人網(wǎng)站"Dive into mark"(http://www.diveintomark.com/)里使用了不少<cite>標簽,由于在網(wǎng)志內(nèi)使用<cite>標簽標記引用的任何出版物,因此Mark能夠撰寫程序,解析所有文章建立資料庫嗎然后根據(jù)參考到的引用來源進行分類(http://www.diveintomark.com/archives/citations/)
下圖6-3是搜索我自己的結(jié)果,在Mark的網(wǎng)志中能找到兩篇相關的文章,這全是靠<cite>標注"Dan Cederholm"完成的.
圖6-3 Mark Pilgrim在"Dive into mark"制作的"posts by citation"結(jié)果(http://www.diveintomark.org/archives/citations/dan_cederholm/)
<abbr>和<acronym>
我還想提出兩個短語元素,就是<abbr>(縮寫名詞)和<acronym>(略稱).使用這些標簽能夠為縮寫名詞提供定義,讓所有使用者看懂內(nèi)容,提升網(wǎng)頁的易用性.
讓我們從新看看W3C在HTML4.01規(guī)范內(nèi)定義的<abbr>和<acronym>用途:
<abbr> 代表縮寫名詞(像WWW,HTTP,URL,Mass.等)
<acronym> 代表略稱(像WAC,radar等)
配合適當?shù)膖itle屬性是這些元素能幫助不了解特定名詞的使用者,舉例來說,在標識"XHTML"縮寫的時候,我們能這樣使用<abbr>標簽:
<abbr title="eXtensible HyperText Markup Language">XHTML</abbr>
在這里使用<abbr>會使屏幕閱讀器拼出縮寫內(nèi)容(X-H-T-M-L),而不是念出完整內(nèi)容,相對的,使用<acronym>的話則會讓他念出完整內(nèi)容,而不是縮寫.
使用<acronym>標簽的示例如下:
<acronym title="North Atlantic Treaty Organization">NATO</acronym>
我們也能使用兩條聽覺CSS規(guī)則,再次強調(diào)這些差異:
abbr {
speak:spell-out;
}
acronym {
speak:normal;
}
聽覺樣式讓作者能特別為屏幕閱讀器指定朗讀方式,這能修改頁面的聽覺表達方式,引導標記結(jié)構,改變音調(diào),音色等,讓頁面朗讀的效果與視覺效果更一致.
定義一次
許多人都建議只定義一次在頁面內(nèi)反復出現(xiàn)的縮寫,略稱,他們認為每次名詞出現(xiàn)時重復定義太浪費空間了,而最好只在首次出現(xiàn)的時候加上title屬性,我認為這么做有些道理,雖然當使用者被導引到頁面特定段落時,可能因為看不到頁首展開縮寫,略稱,從而無法從定義中獲利.
利用你的判斷力,決定何時(以及要多頻繁)定義放在<abbr>和<acronym>內(nèi)的名詞吧.
顯示效果
要在視覺上吸引讀者,有些瀏覽器預設會在<abbr>和<acronym>下面加上1像素的點狀底部邊線,引誘使用者將鼠標移到縮寫名詞,略稱上面,當鼠標移到上面后,瀏覽器就會以"工具提示"的方式顯示title屬性提供的定義內(nèi)容.
對那些不預設顯示點狀底部邊線的瀏覽器來說,可以通過定義CSS達到同樣的效果.
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
我們也加上額外的規(guī)則,把光標轉(zhuǎn)成"求助"(大多數(shù)瀏覽器都會支持),幫助使用者看出這不是可以點選的鏈接,而是以"工具提示"顯示的定義內(nèi)容(Mark Newhouse,"Real World Style:CSS Help",http://realworldstyle.com/css_help.html).
圖6-4就是瀏覽器的顯示效果,將"XHTML"擴展成定義文字,以及點狀底部邊線,求助光標:
圖6-4.一般瀏覽器顯示<abbr>的示例
出處：藍色理想
責任編輯：bluehearts
上一頁 短語元素 [3] 下一頁 短語元素 [5]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 4 頁 短語元素 [4]
