|
2.用戶體驗
先舉一個例子，下面是當當網(wǎng)上的用戶注冊表（https://login.dangdang.com/Register.aspx），截取其中的一部分XHTML結構。
我們來實驗一下將其中的<span class="span_n">設置昵稱：</span>改為<label class="span_n" for="txtNickName">設置昵稱：</label>會產(chǎn)生什么變化。
當鼠標點擊“設置昵稱”時，會自動使ID名為“txtNickName”的文本輸入框獲得焦點，label標簽本身的定義便是向控件定義標注（標記）（http://www.w3school.com.cn/tags/tag_label.asp），各主流瀏覽器對labe的支持也是基本一致的，瀏覽器的表單控件本身就是非常成熟的交互控件，經(jīng)CCS森林群里某大俠測試，label標簽對聲控操作也是具有非常良好的體驗。
同樣是當當網(wǎng)，首頁上的產(chǎn)品列表，還是其中的一小塊XHTML代碼
截取的是價格部分的代碼，暫且不論class的命名，我們來實驗一下如果將<span class="del gray s10">￥94.00 </span>改成<del class="del gray s10" date=”” cite=””>￥94.00 </del> <ins>￥46.00</ins>，視覺上是沒有任何變化的，但當我們裸奔一下頁面。
 
結果就顯然易見了，作為前端工作者，我們也需要考慮到用戶的網(wǎng)速可能過慢（也許他正在用迅雷BT呢）導致無法加載CSS的情況，還有手機用戶的情況，選擇合適的標簽成本很低，只要補充點HTML的基礎知識就可以了，另外date屬性和cite屬性都是非常有用的，試下把內容拷進WORD 2007中。
同樣還有abbr標簽和img標簽的alt屬性對于屏幕閱讀器的重要性，因條件不允許，所以無法親身體驗，在岸的另一邊都已經(jīng)有Section 508這樣的東西保護殘疾人不被gov網(wǎng)站鄙視了。
出處：藍色理想
責任編輯：bluehearts
上一頁 從語義開始–概念、意義、實踐 [1] 下一頁 從語義開始–概念、意義、實踐 [3]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 從語義開始–概念、意義、實踐 [2]
