Rumah > hujung hadapan web > Tutorial H5 > HTML5—浏览器支持问题

HTML5—浏览器支持问题

黄舟
Lepaskan: 2017-02-27 16:03:11
asal
1587 orang telah melayarinya

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

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


header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
Salin selepas log masuk


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

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

或者直接引入本地js文件

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


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

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


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



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan