8、HTML5新增标签（布局、媒体、画布、矢量）

简介： 8、HTML5新增标签（布局、媒体、画布、矢量）

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>