HTML5 浏览器支持

  • 时间:2018-06-12 19:54 作者:程序员小新人学习 来源:程序员小新人学习 阅读:193
  • 扫一扫,手机访问
摘要:你能让少量较早的浏览器(不支持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——转盘抽奖
最新发布的资讯信息
【系统环境|】什么是HTML5前端开发?HTML5前端要学哪些技术?(2019-07-21 11:47)
【系统环境|】2019年web前端开发技术框架有哪些(2019-07-20 12:06)
【系统环境|】什么是Web?零基础能不能学Web前端开发?(2019-07-19 07:04)
【网页前端|HTML】为什么学Web前端?选择Web前端理由(2019-07-17 20:28)
【网页前端|JS】Java面经-百度新入职老哥整理近半年学习经验,面试刷题路线!(2019-07-16 22:16)
【网页前端|HTML】最全面的前端开发指南(2019-07-15 12:57)
【系统环境|数据库】零基础如何快速学好大数据?(2019-06-29 12:27)
【系统环境|Linux】零基础如何学好大数据?必备需要学习知识(2019-06-18 11:54)
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
手机二维码手机访问领取大礼包
返回顶部