四、HTML5
一、什么是 HTML5
1.HTML5 的概念与定义
定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML
两个概念:
是一个新版本的 HTML 语言,定义了新的标签、特性和属性
拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5
2.HTML5 拓展了哪些内容
语义化标签
本地存储
兼容特性
2D、3D
动画、过渡
CSS3 特性
性能与集成
3.HTML5 的现状
绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性,
总的来说:HTML5 已经是大势所趋
二、HTML5 新增标签
1.什么是语义化
2.新增了那些语义化标签
header --- 头部标签
nav --- 导航标签
article --- 内容标签
section --- 块级标签
aside --- 侧边栏标签
footer --- 尾部标签
3.使用语义化标签的注意
语义化标签主要针对搜索引擎
新标签可以使用一次或者多次
在 IE9 浏览器中,需要把语义化标签都转换为块级元素
语义化标签,在移动端支持比较友好,
另外,HTML5 新增的了很多的语义化标签,随着课程深入,还会学习到其他的
三、多媒体音频标签
1.多媒体标签有两个,分别是
音频 -- audio
视频 -- video
2.audio 标签说明
可以在不使用标签的情况下,也能够原生的支持音频格式文件的播放,
但是:播放格式是有限的
3.audio 支持的音频格式
audio 目前支持三种格式
4.audio 的参数
5、audio 代码演示
代码语言:javascript复制<body>
<!-- 注意:在 chrome 浏览器中已经禁用了 autoplay 属性 -->
<!-- <audio src="./media/snow.mp3" controls autoplay></audio> -->
<!--
因为不同浏览器支持不同的格式,所以我们采取的方案是这个音频准备多个文件
-->
<audio controls>
<source src="./media/snow.mp3" type="audio/mpeg" />
</audio>
</body>