当前位置:Gxlcms > html代码 > HTML5—浏览器支持问题

HTML5—浏览器支持问题

时间:2021-07-01 10:21:17 帮助过:79人阅读

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

为了能让旧版本的浏览器正确显示这些元素,可以设置 CSS 的 display 属性值为 block:


  1. header, section, footer, aside, nav, main, article, figure {
  2. display: block;
  3. }


对于ie浏览器,为了能让ie9以下的浏览器兼容html5元素,可以使用shiv解决方案:

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

或者直接引入本地js文件

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


html5shiv.js 引用代码必须放在 <head> 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

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


以上就是HTML5—浏览器支持问题的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行