|
上文：標記語言——表單
標準化設計解決方案 - 標記語言和樣式手冊
Web Standards Solutions The Markup and Style Handbook
Part 1: Get Down With Markup 從標記語法談起
Chapter 6 <strong>,<em>與其他短語元素
在引言和前面的章節(jié)中,已經(jīng)稍微提到過語義標簽的概念,使用標簽為文件標識意義,而不是單純的以標簽設定顯示效果.設計完全使用語義標簽的網(wǎng)頁是個不錯的點子.然而我覺得這個目標太理想化了.當然,沒有完全達到目標并不代表努力過程毫無價值.至少朝著這個目標努力很有價值.
在現(xiàn)實情況下,經(jīng)常有必要加上非語義標簽,以便實現(xiàn)特定的設計目標,主要是因為現(xiàn)在著名的瀏覽器都無法百分之百支持標準的緣故.有些CSS規(guī)則在部分瀏覽器中無法顯示正確的效果,而這不幸的讓我們在達成某些設計目標的過程中必須使用額外的標簽.
有個重要的概念必須放在心上:那就是盡量嘗試撰寫語義化結構將能帶來實際的好處.同時,對標準的支持雖然沒有達到百分之百,但也已經(jīng)越過臨界點讓我們現(xiàn)在就能使用符合網(wǎng)絡標準的方法撰寫網(wǎng)頁.有些時候必須做點犧牲,但是堅持撰寫越多的符合標準的標簽,未來的工作就會越輕松.
顯示效果 VS 結構標簽
本章節(jié)將會討論顯示效果與結構標簽的不同，更確切的說，是討論使用<strong>替換<b>,以及使用<em>替換<i>的差異.在本章稍后,我們也會討論幾個其他短語元素以及它們在符合標準,結構化標簽語法內(nèi)的重要性.
你或許聽說過某些人建議在需要粗體文字時要用<strong>替換<b>,但是他卻沒有進一步告訴你為什么需要這樣的替換.在不知道"為什么"的情況下,實在很難期待其他網(wǎng)頁設計者只因為聽過需要這樣做就改變他們對標簽的使用習慣.
為什么<strong>和<em>比<b>和<i>好?
去掉<b>和<i>標簽,替換成<strong>和<em>到底是有什么好處呢?其實這一切都是為了表達語義和結構,而不是為了只是顯示效果,本書的所有示例也都努力遵循這個概念.
看看專家怎么說
首先,來看看W3C在HTML4.01的短語元素規(guī)范里是怎么敘述<strong>和<em>的(http://www.w3.org/TR/html4/struct/text.html#h-9.2.1):
短語元素能在文字片段之內(nèi)加上結構信息,常見的短語元素意義如下:
<em> 代表強調(diào)
<strong> 代表更強烈的強調(diào)
所以在此討論的是兩種不同程度的強調(diào).舉例來說,就是一個單字或者短語,念的時候應該比較大聲,音調(diào)較高,念的快些,或者是...嗯,就是比一般文字內(nèi)容更強調(diào).
W3C接著還敘述了下面這段內(nèi)容:
短語元素的展示效果隨著瀏覽器的不同,一般來說可視化瀏覽器應該以斜體顯示<em>的文字內(nèi)容,以粗體顯示<strong>的文字內(nèi)容.語音合成軟件則能配合內(nèi)容改變合成參數(shù),像是音量,音調(diào)與速度等等.
啊哈!最后一句特別有意思,語音合成軟件(之前我們稱之為屏幕閱讀器)將會正確處理必須強調(diào)的文字,這的確是件好事.
相對之下,<b>或是<i>只是單純的顯示效果標簽.如果我們的目標是將結構與顯示效果分離的話,使用<strong>和<em>就是正確的選擇,單純想要顯示粗體,斜體文字的時候用css就好了.本章稍后會討論更多例子.
接著看兩個標識示例,幫助我們了解它們的差異.
方法A
your order number for future reference is: <b>6474-82071</b>.
方法B
your order number for future reference is: <strong>6474-82071</strong>.
又粗又美麗
這個情況是使用<strong>比<b>更適合的完美例子,我們打算讓句子內(nèi)的特定文字顯示的更加重要.除了粗體顯示訂單編號以外,我們也希望屏幕閱讀器也改變它們表達這段內(nèi)容的方式:提升音量,改變音調(diào)或速度.方法B能夠同時達到這兩個目的.
<em>又如何?
同樣的,以<em>取代<i>,能夠同時表達重要性,而不只單純的以斜體顯示文字內(nèi)容.來看看這兩個例子:
方法A
It took me not one,but <i>three</i> hours to shovel my driveway this morning.
方法B
It took me not one,but <em>three</em> hours to shovel my driveway this morning.
強調(diào)語氣
在前面的例子里(本書撰寫時的真實情況),我的目的是使"three"這個字以強調(diào)語氣表現(xiàn),如同我大聲念出這個字,視覺上,方法B在大多數(shù)瀏覽器里都會以斜體顯示,而屏幕閱讀器也會適當?shù)恼{(diào)整音色,速度或音量.
出處：藍色理想
責任編輯：bluehearts
上一頁 下一頁 短語元素 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 短語元素 [1]
第 2 頁 
