HTML5—浏览器支持问题

最新推荐文章于 2020-04-01 21:54:13 发布

Tiramisu_C

最新推荐文章于 2020-04-01 21:54:13 发布

阅读量1.1k

点赞数 2

分类专栏：前端开发项目问题解决方案文章标签： html5 浏览器兼容

本文链接：https://blog.csdn.net/nongweiyilady/article/details/53747473

版权

前端开发项目问题解决方案专栏收录该内容

31 篇文章 12 订阅

订阅专栏

最新版本的 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 引用代码必须放在 <head> 元素中，因为 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>

本文参考资料来自：http://www.runoob.com/html/html5-browsers.html

Tiramisu_C

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5—浏览器支持问题

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。为了能让旧版本的浏览器正确显示这些元素，可以设置 CSS 的 display 属性值为 block:header, section, footer, aside, nav, main, article, figure
复制链接

扫一扫