首頁 > web前端 > H5教程 > 主體

HTML5—瀏覽器支援問題

黄舟
發布: 2017-02-27 16:03:11
原創
1574 人瀏覽過

最新版本的 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)!



#
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板