跳到主要內容
:::|

6.1:H106100 使用 CSS 樣式表編排的文件需確保在除去樣式表後仍然能夠閱讀

說明:由於部分的瀏覽器不支援CSS樣式表所呈現網頁格式,因此在使用CSS樣式表時需考慮瀏覽器不支援CSS樣式表時網頁的編排與內容仍可以清晰閱讀。

範例:只依靠CSS樣式表的不良設計,當CSS樣式表編排無法正常顯示時,會造成文字排列錯誤,網頁資訊傳達將不正確。

不良設計

不良設計:

< DIV class= " box " > 
< SPAN class= " menu1 " > DVD出租排行榜 
< SPAN class= " menu2 " > VCD出租排行榜 
< SPAN class= " item1 " > 綠巨人浩克 
< SPAN class= " item2 " > 魔鬼終結者3 
< SPAN class= " item3 " > 王牌天神 
< SPAN class= " item4 " > 海底總動員 
< SPAN class= " item5 " > 霹靂嬌娃2 
< SPAN class= " item6 " > 綠巨人浩克 

正確示範

配合使用DL、DT、DD標籤,可以避免CSS樣式表無法正常顯示時,內容依然可以依正確的排版方式顯示,如下:

正確範例:

< DL > 
< DT class= " menu1 " > DVD出租排行榜 
< DD class= " item1 " > 綠巨人浩克 
< DD class= " item2 " > 魔鬼終結者3 
< DD class= " item3 " > 王牌天神 
< DT class= " menu2 " > VCD出租排行榜 
< DD class= " item4 " > 海底總動員 
< DD class= " item5 " > 霹靂嬌娃2 
< DD class= " item6 " > 綠巨人浩克 

上一頁| 回首頁