语义化标签:<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那还行。
最简单的解决办法就是,你多更换几个浏览器,选择一个合适并且你习惯使用的即可解决问题了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)