因為用戶體驗對於 網頁設計 、SEO都是很重要的事,所以,每個人都在談論HTML 5,畢竟這可能是 網站設計 的趨勢甚至主流。自眾人開始濫用圓角和漸變效果以來,HTML5或許是最熱炒的技術。然而,許多人眼中所謂的HTML5實際上只是老式的DHTML和 Ajax。有關HTML5的諸多資訊中魚目混珠,因此,JavaScript專家Remy Sharp和Opera公司的Bruce Lawson著眼這些流言,對其中的常見謬誤和事實做了分類整理。

 

我們以在"網頁設計:HTML5的流言與真相(一)"中簡單的說明HTML5的發展過程及部分錯誤的流言,今天再繼續說明其他流言:

 

我需要把我的網站從XHTML轉換HTML5。

 

HTML5對鬆散語法的包容性時候敲響的了XHTML的喪鐘嗎?制定XHTML2規範的工作組已經解散,對吧。

 

沒 錯,XHTML2的工作組在2009年年末的時候解了。他們起草的這個規範是用來與HTML5競爭的,但尚未得到執行實施,然而,同時保留兩隊人馬是對 W3C組織資源的一種浪費。另外XHTML1已經是一個業已完成的規範,得到所有瀏覽器的廣泛支持,並在必須的時限內仍將得到所有瀏覽器的支持。因此你用 XHTML書寫的網站也不需要改寫轉換。

 

HTML5將會幹掉XML

 

根本不會,如果你需要使用XML而是HTML,你可以選用XHTML5,它幾乎包含所有HTML5的優點,只是要必須遵循嚴格XHTML語法(比如,要標籤屬性中的雙引號不能省,自封閉元素的末尾斜杠不可勝,必須用小寫字母書寫標籤等等諸如此類。)

 

現實情況是XHTML5並不完全包含所有HTML5的特性。譬如 <noscript> 就失效了。但你想想,這古董玩意兒還有人在用嗎?

 

正 因為CSS Web字體尚未得到廣泛支援,以Flash為基礎的sIFR技術將會填補這一空白,Flash也因逆向相容HTML5視頻內容而挽救局面。因為HTML5 設計時“照顧”了老瀏覽器,Video標籤之間的其他標記將會被支援HTML5的瀏覽器所忽視,因此用老式的<object> 或<embed> 標籤可以用Flash嵌入所有流覽器支援的視頻內容, Kroc Camen在他的《全相容的視頻》一文中就宣導這種做法。

 

但也並是不所的應用場合都是可以用HTML5取代Flash的。 比如HTML5中就沒辦法進行數字版權的管理。Opera,Firefox和Chrome這類瀏覽器允許簡單的右鍵點幾下就將視頻保存的本地電腦上。如果 你不想使用者保存視頻檔,你就需要使用外掛程式。另外捕捉麥克風或是攝像頭的信號就只能通過Flash實現。(不過<device> 元素已經出現到HTML5以後的規範中),因此如果你想寫一個可以終結聊天輪盤(Chatroulette)網站的東西來,那麼HTML5並不適合你。

 

HTML5在可訪問性(Accessibility)方面做得比較差

 

關 於HTML5的討論中有不少是爭論是關於HTML5可訪問性的。這點很好,應該歡迎:因為網路的基礎語言已經做了太多了的改變,因此確保網頁對於那些殘障 人士的易訪問性極其重要。另外,更為重要的是在技術方案的制定過程中就將其考量進入,而非時候修補。畢竟大多數開發人員甚至沒為圖片標籤添加Alt屬性, 所以提供現成可用的易訪問性(accessibility)相比人們手動添加更為易成功。

 

這也是為什麼HTML5添加了類 似滑塊(<input type=range>,目前僅Opera和Wbkit內核的流覽器支援)原生控制項和日期選定控制項(<input type=date>,僅Opera支持)——因為之前,我們只能用JavaScript和圖片來類比,並添加鍵盤支援和WAI-ARIA的 Role屬性。

 

而Canvas標籤則又是另一番情況,該標籤原本是蘋果獨創的,後遭其他流覽器廠商的逆向工程破解,繼而被 吸納為HTML5規範的一部分,因此Canvas技術本身在可訪問性方面並未做考量。如果你只是用它製作一些視覺美化,那問題不大,你大可把它看成圖 片,,只是不能添加ALt屬性來指定替換的文本內容(已有人建議在規範中作此增添,但目前尚未得到實施)。因此,確保Canvas著中的資訊在頁面的其他 地方有替代資訊,從而增強頁面的可訪問性。

 

Canvas中的文本變成了圖元,如圖片中的文本。因此,輔助技術和螢幕閱讀器 來可以讀出其中的資訊。可考慮用W3C的可縮放適量圖像標準(SVG)替代,尤其對於動態圖像和文本內容來說。SVG目前得到了主流瀏覽器的支援,其中包 括IE9(IE8以及一下的瀏覽器不支援,不過SVGWeb庫通過Flash技術可以在老式流覽器中模仿SVG。)

 

<video> 和 <audio>標籤也很有前途。儘管這兩個標籤的規範尚未完全確定(而且許多瀏覽器還不支援)。HTML5已經添加了一個新 的<track> 的標籤,可以包含帶時間軸的文本(歌詞和外文媒體的字幕),你可以之間在視頻下面用JavaScript來添加時間軸字幕,並與視頻內容同步。

 

當我第一次用HTML5的時候,HTML5的大師會助我一臂之力

 

如 果是真的那該多好。不過Paul Irish和Divya Manian打造的HTML5範本檔對你來說就足以很好。範本檔包含一系列的檔,你可以做範本用在你的專案中。範本檔包含了你所必須的 JavaScript,方便在IE中添加新元素;它從Google的CDN上引用jQuery,另外如果Google伺服器出問題了,還可降級引用你自己 伺服器上的JS庫。

 

它也添加了適用iOS,Android和Opera手機版的標籤,並用一個易於理解的CSS reset檔搭建了一個基本的CSS骨架。它甚至還一個.htaccess檔,以便為HTML5視頻提供正確的MIME類型。如果你不需要全部的內容,你 可刪除對你專案無用的內容,精簡檔。

 

 

 

參考文獻:

1. 黃映瑀(2005)。體驗行銷、體驗價值、顧客滿意、品牌形象與行為意向關係之研究。大葉大學事業經營研究所碩士論文,未出版。

2.黃中杰,2002,JAVA 與XML 技術手冊,台北:碁峰資訊股份有限公司。

3.楊宗誌,2002,JBuildert 程式設計 實務,台北:文魁資訊股份有限公司。

 

資料來源:SeoHouse


PIECE2巨群


arrow
arrow
    全站熱搜

    巨群資訊 發表在 痞客邦 留言(0) 人氣()