本文介绍了HTML5中常见的新特性，包括新增的语义化标签如header、footer、article等，增强了网页的结构和SEO；新增多媒体标签audio和video，简化了音频和视频的集成；还讲解了浏览器的本地存储机制，如Cookie、localStorage和sessionStorage的特性和应用场景；最后提到了defer和async属性，用于优化脚本加载和执行的性能。
HTML5
声明：新增了很多的HTML5新特性，但是我们下面只专注于开发中所常用的一些新特性。
新增语义化标签
所谓语义化标签就是用合适的标签去做合适的事情。
以前布局时，我们基本用div来做，但是div只是用来装内容的，所以不利于搜索引擎的优化（即SEO）（例如：div和span只是用来装内容的容器，并没有任何语义）
语义化标签：header、footer、aside、article(内容标签)、section(定义文档某个区域)、strong、em、i、del、ins等等。
新增多媒体标签
新增的多媒体标签主要包含两个：audio（音频）、video（视频）
使用它们可以很方便的在页面中插入音频、视频，而不再需要去使用flash或其他浏览器插件。
video
目前video标签元素只支持3种视频格式：MP4(推荐使用)、webM、ogg。
常用属性：
width：设置播放器宽度。
height：设置播放器高度。
autoplay： 视频就绪时自动播放。
controls：是否向用户展示播放控件。
src：视频url地址。
loop：是否循环播放视频。
preload：规定是否预加载视频（如果有了autoplay属性，就忽略该属性）。
poster：设置加载等待时显示的图片。
muted：设置是否静音播放。
以下是我当时在项目中具体使用情况：
//基本用法
<video src=""></video>
//如果为了考虑兼容性，也可以使用下面的方式
<video>
<source src="文件地址" type
最低0.47元/天 解锁文章
扫一扫
5336
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
