学习笔记整理于哔哩哔哩视频教程
https://b23.tv/BV1b4411i742/p1
https://b23.tv/BV1b4411i742/p2
-
H5并不是新的语言,而是语言的第五次修改–版本
-
支持:所有的主流浏览器都支持h5.(chrome,firefox…)。IE9以上的版本支持h5(有的选择的支持,并不是全部支持),IE8以下完全不支持
比如 main标签,IE9解析为行级标签,解决方案是:加上display:block转化为块级标签。
IE8完全不支持H5,
原因为:因为根部不认识这些标签,所以完全无法解析这些标签,所以标签无效。
解决方案为:
方式一:
<script>
/*手动创建标签:默认的标签的类型都是行级元素*/
document.createElement("header");
</script>
然后style样式里面添加display:block;
方式二:引入第三方插件
<script src="../js/html5shiv.min.js"></script>
- 改变了用户与文档的交互方式:多媒体:video audio canvas
- 增加了其他的新特性:语义特性,本地存储特性,网页多媒体,二维三维,特效(过度,动画)
- 相对于h4:
1.进步;抛弃了一些不合理不常用的标记和属性。
2.新增了一些标记和属性—表单
3.从代码角度而言,h5的网页结构代码更简洁