HTML5和nonJS啓用訪問者的優雅退化

Question

我現在看HTML5的情況比較嚴重，但我一直回到一個問題，那就是使用它的實用性，而不用在腳下自己開槍。

大部分，我的工作網站是爲目標的通常使用IE7或8和數量驚人不啓用Javascript成爲愚蠢的東西像10的客戶基礎的中小企業 - 15％。

這意味着我不能依靠其最新版本的瀏覽遊客和我不能依賴於JavaScript的修復（如Modernizr的），以補償。我已經看到了一些關於HTML5如何加快開發時間並使事情變得更容易的非常有力的論據，但是如何在實施時保持優雅的降級？

Answer 1

您正在查看的HTML5實現的程度是解決方案的關鍵。讓我用下面的例子來說明這一點：

以現在的HTML5的視頻屬性爲例 - 爲不兼容的舊版瀏覽器設置閃回回退是非常常見的做法，因此無論情況如何，每個人都可以查看視頻。這裏

的問題是： 「那又怎樣做我的標記使用HTML 4.01，XHTML 1.0或HTML5？」。當然，答案會是使用HTML5標記，因爲視頻標記實際上是HTML5標記。部分答案沒有錯，但也不完全正確;在此時瀏覽器對HTML5的支持尚未充分且標記尚未達到推薦階段時，將其標記爲HTML5將是不明智的，因爲傳統瀏覽器只會給您一個空白的外觀。相反，如果要進行任何優雅的降級，那麼您的HTML文檔應該被標記爲XHTML 1.0或HTML 4.01，然後包含所需的標記，在本例中爲視頻標記。傳統瀏覽器將正確呈現我們的DIV和CSS樣式，但不會識別視頻標記，而是轉到Flash後退視頻。

所以我想，一旦你有一個更有針對性的想法，你想在傳統瀏覽器的約束和缺乏JavaScript支持的範圍內使用HTML5，你應該不僅僅是能夠找到出路

也是，雖然HTML5支持兼容性尚未完全實現，但並不意味着我們應該避免它像鼠疫一樣。給它一個鏡頭，並回溯到一些常見的方法，如視頻標籤所示的示例（閱讀diveintohtml5，這是一個很棒的資源！）。

只是我的兩分錢的價值。希望這有助於一些如何。 （這是我設計並與代理機構共同開發的一個網站的示例 - http://www.blueprint.sg。它在XHTML 1.0中標記，但使用該標記作爲全屏幕背景視頻。回退到瀏覽器的背景圖像識別標籤PS：道歉提前爲不那麼良好的設計和目前設置爲「自動播放」，因此它會在同一時間播放和負載的視頻播放煩人）

Answer 2

如果您的用戶使用IE7 - 8和經常禁用了JavaScript，那麼HTML5是不適合你，現在，這些客戶無論如何。

馬的課程，因爲他們說的和你的情況下，它似乎是安全的選擇是留在HTML 4.01。

Answer 3

禁用JavaScript的用戶可能會爲任何Web開發人員創建許多令人沮喪的情況。但實際上，你可以做的唯一事情就是提醒用戶限制，我通常使用NoScript html標籤。