1.HTML5 的新特性

1.1 新增语义化标签

其中section标签可以看作大号的div，但是其内部必须有一个标题h标签，这是section的语义所在。

1.2 H5 新增的多媒体标签

1.视频

0.7 倍 1.0 倍 1.2 倍 1.5 倍 2.0 倍

h5使用video标签播放音频

属性说明：

controls：是否显示可控进度条
src：视频文件地址

<video controls src="video.mp4"></video>

video标签中同样可以传入source标签，来引用多个视频文件，这样在浏览器不支持单个文件的时候，可以选择其它合适的文件格式播放。使用source标签代表资源时，在video标签中不能使用src属性

source标签

属性：src 代表资源的地址

<video controls>
  <source src="video.mp4"/>
  <source src="video.ogv"/>
</video>

ogg媒体格式(音频)

ogg是一种开源的，开放的媒体格式，是更加完善先进的音频压缩格式，其大小比mp3小很多，并且质量差不多，所以一般如果浏览器支持ogg格式的文件，可以选择使用ogg
可以通过上文的ffmpeg工具对mp3文件的格式进行转码

ffmpeg -i music.mp3 music.ogg

-i 指定输入文件

ogv媒体格式(视频)

ogg是对于音频的格式，ogv则是对于视频的格式，同样相较于mp4，ogv更小并且质量相差不大。

ffmpeg -i video.mp4 video.ogv

2.音频

h5使用audio标签播放音频

属性说明：

controls：是否显示可控进度条
src：音频文件地址

<auido controls src="music.mp3"><audio/>

audio标签中还可以传入source标签，来引用多个音频文件，这样在浏览器不支持单个文件的时候，可以选择其它合适的文件格式播放。使用source标签代表资源时，在audio标签中不能使用src属性

source标签

属性：src 代表资源的地址

<audio controls>
  <source src="music.mp3"/>
  <source src="music.ogg"/>
</audio>

ogg媒体格式

ogg是一种开源的，开放的媒体格式，是更加完善先进的音频压缩格式，其大小比mp3小很多，并且质量差不多，所以一般如果浏览器支持ogg格式的文件，可以选择使用ogg
可以通过上文的ffmpeg工具对mp3文件的格式进行转码

ffmpeg -i music.mp3 music.ogg

-i 指定输入文件

ogv媒体格式

ogg是对于音频的格式，ogv则是对于视频的格式，同样相较于mp4，ogv更小并且质量相差不大。

1.3 H5 新增input类型

1.4 H5 新增表单属性

其中placeholder属性有一个CSS伪类，可以修改其显示的文字样式：

    <style>
        input::placeholder {
            color: pink;
            font-style: italic;
        }
    </style>
    <input type="text" placeholder="你好世界">

1.5 新增自定义属性 data-*

https://www.jianshu.com/p/57bf9cc64ef2
https://blog.csdn.net/wuxy720/article/details/68928543

定义和用法

（1）data- 属性用于存储页面或应用程序的私有自定义数据。
（2）data- 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。
data-* 属性包括两部分：
（1）属性名不应该包含任何大写字母，并且在前缀 “data-“ 之后必须有至少一个字符
（2）属性值可以是任意字符串