HTML5 浏览器支持

  • 时间:2018-06-12 19:54 作者:程序员小新人学习 来源:程序员小新人学习 阅读:218
  • 扫一扫,手机访问
摘要:你能让少量较早的浏览器(不支持HTML5)支持 HTML5。HTML5 浏览器支持现代的浏览器都支持 HTML5。此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动解决。正由于如此,你能 "教会" 浏览器解决 "未知" 的 HTML 元素。甚至你能教会 IE6 (Windows

你能让少量较早的浏览器(不支持HTML5)支持 HTML5。

HTML5 浏览器支持

HTML5 浏览器支持

现代的浏览器都支持 HTML5。

此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动解决。

正由于如此,你能 "教会" 浏览器解决 "未知" 的 HTML 元素。

HTML5 浏览器支持甚至你能教会 IE6 (Windows XP 2001) 浏览器解决未知的 HTML 元素。

HTML5 浏览器支持

将 HTML5 元素定义为块元素

HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。

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

实例

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

为 HTML 增加新元素

你能为 HTML 增加新的元素。

该实例向 HTML 增加的新的元素,并为该元素定义样式,元素名为

实例

为 HTML 增加新元素

我的第一个标题

我的第一个段落。

我的第一个新元素

HTML5 浏览器支持

JavaScript 语句 document.createElement("myHero") 是为 IE 浏览器增加新的元素。

Internet Explorer 浏览器问题

你能用以上的方法来为 IE 浏览器增加 HTML5 元素,但是:

HTML5 浏览器支持Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。

我们能用 Sjoerd Visscher 创立的 "HTML5 Enabling JavaScript", " shiv" 来处理该问题:

以上代码是一个注释,作使用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。

注意:国内使用户请用本站静态资源库(Google 资源库在国内不稳固):

针对IE浏览器html5shiv 是比较好的处理方案。html5shiv主要处理HTML5提出的新的元素不被IE6-8识别,这些新元素不可以作为父节点包裹子元素,并且不可以应使用CSS样式。

完美的 Shiv 处理方案

实例

渲染 HTML5

我的第一篇文章

菜鸟教程 —— 学的不仅是技术,更是梦想!!!

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

如您还有不明白的能在下面与我留言或者是与我讨论QQ群308855039,我们一起飞!

  • 全部评论(0)
上一篇:HTML5
下一篇:html5+canvas——转盘抽奖
最新发布的资讯信息
【系统环境|】web前端开发需要学习哪些技术(2019-09-17 18:00)
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
【系统环境|】2019年Web前端开发的8个趋势,你知道几个?(2019-08-29 16:23)
【系统环境|】学习web前端,掌握这些,才有底气跟面试官提薪资(2019-08-28 15:23)
手机二维码手机访问领取大礼包
返回顶部