首頁  >  文章  >  web前端  >  HTML5—瀏覽器支援問題

HTML5—瀏覽器支援問題

黄舟
黄舟原創
2017-02-27 16:03:111576瀏覽

最新版本的 Safari、Chrome、Firefox 以及 Opera 支援某些 HTML5 特性。 Internet Explorer 9 將支援某些 HTML5 特性。

為了能讓舊版的瀏覽器正確顯示這些元素,可以設定CSS 的 display 屬性值為 block:


header, section, footer, aside, nav, main, article, figure {
    display: block; 
}


對於ie瀏覽器,為了能讓ie9以下的瀏覽器相容html5元素,可以使用shiv解決方案:

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

或直接引入本地js檔案

<!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
<![endif]-->


html5shiv.js 引用程式碼必須放在

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
  <!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
  <![endif]-->
</head>


# 以上就是HTML5—瀏覽器支援問題的內容,更多相關內容請關注PHP中文網(www.php.cn)!



#
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn