1、什么是HTML5
- HTML5是超文本标记语言(html)的第五次重大修改,可以简单的理解就是html的第五个版本
2、HTML5新特性
HTML5新特性 | |
---|---|
布局元素 | header、nav、aside、article、section、footer |
媒体元素 | audio、vedio |
画布 | canvas |
矢量图片 | svg |
3、HTML5布局元素
布局元素 | 相当于一个有语义的div |
---|---|
header | 网页头部 |
nav | 导航栏 |
aside | 侧标栏 |
article | 显示文章 |
section | 布局的一部分 |
footer | 网页页脚 |
4、HTML5媒体元素
HTML5媒体元素 | 作用 |
---|---|
audio | 音频 |
video | 视频 |
媒体元素属性 | |
controls | 控制器 |
autoplay | 自动播放 |
muted | 静音(视频) |
源代码:
<!-- 音频 -->
<audio src="audio/年少有为.mp3" controls></audio>
<!-- 视频 -->
<video src="audio/年少有为.mp4" controls muted></video>