簡單網站構造

　　構建檢測HTML5函數的簡單網站的一種技術是檢測哪些條件無法運行，而不是案例K正常工作。您經常會看到頁面上出現錯誤的提示；此頁僅在IE下可見。請升級瀏覽器”；。顯然，大多數使用非丨E瀏覽器的用戶認為自己的瀏覽器“錯”；升級；版本，也不想切換到IE只是瀏覽網站。大多數人只是微笑，然后他們不會再去看網站。

　　當IE擁有** 多瀏覽器市場份額時，可以理解用戶切換到IE。但如今IE只是眾多很好瀏覽器中的一個。而根據市場變化趨勢，不會長IE甚至** 受歡迎的瀏覽器。

　　目前，** 好列出您要提供和降級的功能網站。這樣，那些弱瀏覽器雖然無法使用許多網站功能，但至少可以訪問一個有用的站點。這種操作稱為優雅降級，屬于容錯機制。

　　優雅降級的思想是，系統在一個或多個組件錯誤時仍應能夠繼續運行。在web開發中，這意味著即使HTML5組件不能被瀏覽器完全支持，網頁也可以繼續運行。

　　書信電報；視頻gt；標簽是一個很好的例子。該標簽需要瀏覽器支持視頻編解碼器和lt同時vide〇gt；標簽。只要其中一個不受支持，視頻就無法播放。在這種情況下，選項是選擇“bu”39；模式

　　燃氣輪機；忽略錯誤，沒有顯示或顯示由瀏覽器決定的錯誤消息。燃氣輪機；檢測到錯誤，并提示用戶升級瀏覽器。燃氣輪機；檢測錯誤并執行后備措施。

　　** 好的選擇是檢測錯誤并執行回退措施。瀏覽器和用戶不同，提供替代方案可以減少問題。

　　記住，這不是解決問題的完美方法。我們的目標是讓選擇HTML5瀏覽器的用戶感到有價值。用其他語言，完整的fi系統網站不是** 好的方式，而且會使工作量翻倍。

　　4.5CSS3媒體查詢檢測移動瀏覽器CSS2引入media依賴樣式表，開發者可以使用該樣式表為不同媒體類型創建獨立樣式表。例如，可以創建以下樣式表。

　　gt；（allmdash；所有媒體類型。gt；auralmdash；（0.05）mdash；語音合成器。燃氣輪機；盲文mdash；盲文裝置。gt；embossedmdash；（4）mdash；尋呼盲文打印機。燃氣輪機；hand持有mdash；andmdash；小型設備，通常為單色^gtprintmdash；（0mdash；紙張格式和“格式”；打印預覽“或“打印預覽”；。燃氣輪機；投影投影儀。gt；screen-彩色計算機屏幕。gt；tty^帶固定字符網格的電傳設備。燃氣輪機；電視mdash；（0.05）mdash；低分辨率、低顏色和聲音的電視設備。

　　可以使用media厲性向樣式表添加媒體類型，以定義樣式表的媒體類型。書信電報；樣式media=報價；screengt；或將其添加到外部樣式表標簽。書信電報；鏈接media=報價；screen報價；rel=報價；STYLESHEF href=QUOTE；style.css*gt；

　　或者使用@media標記將樣式添加到現有樣式表中。

　　書信電報；樣式gt；

　　@media打印{

　　//在此處添加樣式}

　　lt/樣式gt；

　　CSS3媒體屬性被擴展，以便用戶能夠在各種條件下檢測用戶代理。當瀏覽器滿足條件時，可以輸出相應的樣式表。例如，下面的代碼可以為小屏幕用戶輸出不同的樣式表。

　　書信電報；鏈接rel=quot；樣式表media=quot；screenand（max-寬度：I28px）quot；

　　href=*小-screen.cssquot；燃氣輪機；瀏覽器可通過K媒體功能gt；屏幕或設備的寬度和高度。燃氣輪機；屏幕方向。

　　燃氣輪機；屏幕或設備縱橫比。燃氣輪機；彩色和彩色場景，單色或彩色和彩色深度。燃氣輪機；分辨率。燃氣輪機；電視設備掃描過程。燃氣輪機；網格或位圖設備。