HTML5格式問題，你遇到了嗎？

上次我寫了關於我喜歡的HTML5格式，在後續的文章中我會寫關於我所討厭的HTML和HTML5文件格式，他們都是在開發咱們的網站和PDF與HTML5轉換器中會花費大量時間的工做。

首先，我想簡單歸納一下爲何HTML5會在這個智能手機和平板電腦風靡的時代，變成一種解決現代需求和網站需求的新標準，廢話很少說，下面就讓咱們開始吧！

那麼什麼是HTML5呢？

HTML5是HTML標準的最新版本，它是一個專門用於構建互聯網並展現出萬維網內容的核心標記語言。HTML5在HTML4的基礎之上增長了新的標籤如<video>,<audio>,<canvas>,以及矢量圖形內容整合，另外還有一些數學公式的標記語言。這些新的功能會讓咱們在不須要安裝專門的插件和接口的狀況下，在網絡上更好的呈現出多媒體和圖形界面的內容。一個很好地案例就是Youtube，它的視頻如今都是用HTML5來展現。

如今已經瞭解了什麼是HTML5以及它的一些功能特徵，你可能想知道，既然HTML5這麼好你爲何還討厭它呢？

接下來我將會告訴你爲何…

一、不支持TIFF格式

我很討厭的一點是在HTML5中不支持TIFF格式。

什麼是TIFF呢？它是一個位圖圖像文件格式，常常被用於專業的高品質圖像的存儲、轉換、顯示以及剪貼畫，掃描文件等光柵圖像的打印。因爲TIFF專門設計用於柵格數據的轉換，是一種在印刷行業中獲得普遍支持的圖形文件格式，它可以做爲高品質圖像的大型調色板使用。TIFF容許顏色分辨率高達48位RGB顏色或是爲64K的調色板。

更好的圖形縮放意味着使用它進行圖形繪製和圖像編輯將會更加順利，並適合在postscript打印機和非postscript打印機上面運行，是一種最好的歸檔圖像的格式。

看到了TIFF格式的這麼多好處你確定也會認爲HTML5應該會支持TIFF格式，不幸的是只有Safari做爲TIFF文件的原生支持，其它的任何瀏覽器並不支持TIFF。

二、兼容性問題

關於HTML5我最討厭的就是它的不兼容。雖然每次瀏覽器更新都能修復一些不兼容，有時候某個修復還可能會破壞另外一個修復。例如在CSS中或者嵌入內容和HTML5功能設置中的某些Bug。

下面的截圖很好地展現了各類瀏覽器對HTML5輸入字段的模式屬性的支持。能夠看出，安卓和IE瀏覽器的最新版本在支持HTML5上面還有一些問題。而Safari只有部分支持HTML5，若是你在你的網站上使用HTML5，你會發現它不會被很好地展現。

事實上不少的瀏覽器在HTML5的支持上都有問題，下面的圖片顯示了每一個瀏覽器對HTML5的支持程度。使人驚訝的是否是全部的HTML5規範都被全部瀏覽器支持。

和HTML5同樣，Web視圖也有一些輕微的不兼容。因爲屏幕大小的不一樣、終端用戶操做系統的差異以及缺少標準等諸多因素，兼容性了安卓系統上的一個很嚴重的問題。雖然兼容性問題能經過安裝新版原本解決，但不是全部的設備都支持最新的更新，若是是一個Web App的話將面臨一個更嚴重的問題。 三、谷歌更新問題

鑑於在計咱們的網站和開發PDF與HMTL5轉換器的過程當中會花費不少時間在HTML5上面，我常常會發現每次谷歌更新會修復一個問題，但也會破壞一些東西。之前谷歌破壞了HTML5遊戲和HTML5滾動條。快速地看一下谷歌，你會發現其餘人也有一樣的問題。

四、易於擴散

HTML5能夠嵌入視頻，音頻，文字，高質量的圖像，動畫和互動的應用程序直接進入網頁,對第三方插件的依賴將減小。

主要是從圖像大小，CSS，Javascript和通常的HTML5推進至他們的極限。添加更多的HTML5基礎代碼，讓那些鏈接速度慢或者有數據限制的移動用戶獲取更多的HTML5的傳播和擴散。

五、支持傳統的CSS

一個我比較討厭的關於HTML5的事情是它支持傳統的CSS。你曾創建過一個不錯的網站而後發現他在谷歌、火狐、Opera和Safari中運行的很好可是卻不能在IE瀏覽器中運行嗎？有一些工做區像回退方法或者專門教你在舊版瀏覽器中處理這些問題。可是除非你在HTML5代碼中特別指定，不然的話它將不會很快修復這些問題。

六、缺少表單的驗證

最後要說的是關於HTML5我最討厭的就是它缺少表單驗證

經過包含一個內置的客戶端表單驗證機制的設計使執行客戶端無縫驗證，從而使HTML5支持表單驗證。可是，人們避免HTML5表單驗證最主要的緣由是缺少新的應用程序接口的瀏覽器支持。

不幸的是，任然有很大的一部分用戶羣還在使用不支持新的應用程序接口的瀏覽器，因此若是你打算迎合這些用戶，最終你不得不添加工做區到你的代碼中，以便得到全部的瀏覽器支持。可是這會耗費一些時間和精力去保留多個代碼路徑。

最後但願這篇文章可以對你有用。若是你也遇到過一樣的關於HTML5格式問題的困擾？請告訴我。

本文翻譯自blog.idrsolutions.com