HTML5

2022-05-21 08:11:52 浏览数 (1)

四、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>

0 人点赞