兼容性問題
值得一提的是,在本書撰寫的時候,windows版的Internet Explorer還不支持為<abbr>標(biāo)簽指定樣式,顯示工具提示. IE/Win支持<acronym>標(biāo)簽,這是為了鼓勵某些設(shè)計者只使用<acronym>處理縮寫名詞與略稱.
這么做或許很有吸引力,但是為了解決現(xiàn)實問題而使用錯誤的元素并不是件好事,對這個特定問題來說,我偏好根據(jù)規(guī)范表示名詞,讓正確支持的瀏覽器處理<abbr>標(biāo)簽的樣式.讓我們很快地看看幾個還沒提到的短語元素.
<code>
<code>元素的設(shè)計目的是在XHTML頁面內(nèi)展示代碼示例,舉例來說,當(dāng)你想分享某段CSS時,你可以這樣寫:
<code> #content { width: 80%; padding: 20px; background: blue; } </code>
一般來說,可視化瀏覽器會以定寬serif字體顯示<code>標(biāo)簽中的內(nèi)容.當(dāng)然,我們也能加上CSS規(guī)則,指定我們喜歡的顯示方式.
code { font-family: Courier, serif; color: red; }
如此一來,<code>的內(nèi)容就會變成紅色的Courier字體了.
<samp>
<samp>元素是用來標(biāo)識程序與script的示例輸出的,舉例來說,如果我想討論正在編寫的Perl script輸出結(jié)果,我可能會標(biāo)集成這樣:
<p>When the script has executed, at the command line you will see the message <samp>script was successful!</samp>.</p>
這邊我以<samp>把script的輸出示例圍起來,同時我們也能以CSS規(guī)則為程序輸出示例設(shè)定獨(dú)特的樣式,就像剛才為<code>做的一樣.
<var>
與<samp>相關(guān)的,<var>是用來標(biāo)記程序的變量和引用用的,舉例來說,如果我們正在討論XSLT樣式表,那么我能寫下:
<p>I'm going to pass the parameter <var>lastUpdated</var> to my main.xsl file.</p>
許多瀏覽器會以斜體顯示<var>標(biāo)簽的內(nèi)容,但是你可以寫一條簡單的規(guī)則去掉預(yù)設(shè)值,如果你不喜歡斜體的話.我們能用CSS的font-style屬性改變顯示效果:
var { font-style: normal; font-family: Courier, serif; color: purple; }
最后讓我們看看<kbd>元素,完成短語元素的部分.
<kbd>
<kbd>元素可以用來標(biāo)記使用者要輸入的文字,舉例來說,如果我正在解釋如何使用剛才指定的accesskey把光標(biāo)切換到搜索框內(nèi),我可能會這樣寫:
<p>To quickly change focus to the search input field, Mac users type <kbd>Command+9</kbd>.</p>
你大概猜得到我接下去要說什么了,沒錯,只要使用簡單的CSS規(guī)則,你就能調(diào)整所有的<kbd>元素的樣式,與其他短語元素一樣.
結(jié)論
回顧一下在這章中看過的內(nèi)容,首先探討<strong>和<em>優(yōu)于同等顯示效果的<b>和<i>的原因,同時也研究了如何單純設(shè)定粗體或斜體顯示效果,CSS是正確的方法.
也討論了其他的短語元素,以<cite>標(biāo)記人物,出版物開始,并證明了結(jié)構(gòu)化標(biāo)記語法對顯示效果,資料解析的好處.
并示范了如何以適當(dāng)?shù)脑䴓?biāo)記縮寫名詞,略稱,提升網(wǎng)頁的易用性,同時以額外的CSS展示,語音規(guī)則強(qiáng)化定義內(nèi)容.最后則看到剩下的短語元素,每個元素都具備一般文字不同的預(yù)設(shè)樣式,但是我們也能快速地為單一頁面或者整個網(wǎng)站輕易的設(shè)計簡單的CSS規(guī)則,為這些元素指定想要的顯示樣式.
經(jīng)典論壇交流: http://bbs.blueidea.com/thread-2824203-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2008/5854.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 短語元素 [4] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|