html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问题?

html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问题?,第1张

h5新特性:

语义化标签:<hrader></header>、<footer></footer>、<nav></nav>、<section></section>、<article></article>、<aside></aside>、<video></video>、<audio></audio>

新增表单元素:email、month、number、range、search、tel、url、week、time、date、datatime、datetime-local

新增表单属性:placeholder、required、autofocus、autocomplete、maxlength、novalidate、max、min、step、multipe、disabled、checked

新增的视频和音频标签:<video></video>、<audio></audio>

canvas绘图

SVG绘图

拖拽

WebWorker、WebStorage、WebSocket

h5新标签的兼容问题:

(1)IE8/IE7/IE6支持通过 document.createElement

(2)将html5shiv.js引入到head中(IE9及以下)

<!--[if lt IE9]><script src="dist/html5shiv.js"></script><![endif]-->

载入后,初始化新标签的CSS:

/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

如何区分html和html5:

(1)在文档类型声明上,h5为<!DOCTYPE html>,之前版本比较长

(2)h5有语义化标签,如<header></header>

HTML5 标准是新的网页语言标准,html5原生的video更灵活更好用显示更美观,虽然现在很多浏览器都在拥抱html5标准,但是html5的标准还未正式发布。所以有些旧浏览器不支持html5的新标签或者一些新浏览器支持不全html5的新标签新特性,导致一些html5网页中的特性发挥不出来作用或者出错了。

等标准的完善慢慢就会好的,你这种情况应该是当前浏览器不支持浏览网页中的video造成的,目前对html5最好的浏览器我个人认为是ch ome浏览器,360的浏览器其中的极速模式对html5支持也不错,兼容模式要看ie的版本了,如果是ie11那还行。

最简单的解决办法就是,你多更换几个浏览器,选择一个合适并且你习惯使用的即可解决问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7422892.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存