簡單的網站建設
檢測HTML5函數的一個技巧是檢測什么情況下無法運行，而非什么情況K正常運作。經常會在出錯的頁面上看到提示信息“此頁面僅在IE下可見，請升級瀏覽器”。顯然，大部分使用非丨E瀏覽器的用戶認為他們的瀏覽器才趄“升級”的版本，也不想只是為了瀏覽一個
站點而切換成IE。大部分人只是笑一笑，然后再也不會訪問那個網站了。

在iE擁有大部分瀏覽器市場占有率時，期望用戶切換成IE是可以理解的，但現今IE只是許多同樣優秀的瀏覽器中的一種，并且根據市場變化趨勢，過不了多久IE甚至很可能不再是最受歡迎的瀏覽器。

目前，最好的做法是列出想要提供的特性，并對網站進行降級處理。這樣，那些較弱的瀏覽器雖然無法使用許多網站功能，但至少可以訪問到一個有用的站點。此類操作被稱為優雅降級，屬于一種容錯機制。

優雅降級的理念源于系統在一個或多個組件錯誤時，應當仍能繼續運行。在Web開發中，這意味著即使在HTML5組件無法被瀏覽器完全支持時Web頁面仍能繼續運作。

<video>標簽是一個不錯的例此標簽需要瀏覽器同時支持視頻編解碼器以及<vide〇>標簽。只要無法被支持其中一個.視頻就無法播放。在這種情況下可以選擇以卜'方式

>忽略錯誤，什么都不顯示或顯示一條錯誤信息，即由瀏覽器決定。
>檢測到錯誤并提示用戶升級瀏覽器。
>檢測錯誤并執行回退措施。

最好的選擇是檢測錯誤并執行回退措施。各個瀏覽器和用戶都不相同，可以通過提供替代方案使問題更少。

切記這里并不是要找解決問題的最完美的方案。我們的目的是要讓選用HTML5瀏覽器的用戶覺得物有所值。使用另一種語言完全fi制網站并不是最好的方法，還會讓工作量成倍增加。

4.5使用CSS3媒體查詢檢測移動瀏覽器
CSS2引入了 media-dependent (媒體類）樣式表，開發者可以利用它們來為不同的媒體類型創建獨立樣式表。例如，你可以創建下列樣式表。

>all—所有媒體類型。
>aural——語音合成器。
>braille—盲文裝置。
>embossed——分頁盲文打印機。
>handheld——小型設備，通常為單色^
>print——紙張格式及“打印預覽”。
>projection-投影儀。
>screen-彩色電腦屏幕。
>tty^有固定字符網格的電傳打字設備。
>tv——A有低分辨率、色彩及聲音的電視設備。

可以使用media厲性將媒體類型添加至樣式表，從而定義樣式表的媒體類型。
<style media="screen_>
或者將其添加至外聯樣式表標簽。
<link media="screen" rel="stylesheef href="style.css*>

或者用@media標簽將樣式添加至己有樣式表中。

<style>

@media print {

// add styles here
}

</style>

CSS3擴充了媒體屬性，這樣用戶可以在各種條件下檢測用戶代理。瀏覽器在滿足條件的情況下可以輸出對應的樣式表。例如，以下代碼可以為小屏幕用戶輸出不同的樣式表。

<link rel="stylesheet" media="screen and (max-width: I28px)"

href=*small-screen.css">
可以通過以K媒體特性來檢測瀏覽器。    .
>屏幕或設備的寬度與高度。
>屏幕方向。

>屏幕或設備的縱橫比。
>顏色及顏色數景，單色或彩色以及顏色位深。
>分辨率。
>電視設備掃描進程。
>網格或位圖設備。