自从小程序出来以后，H5更是火上加油,大热了一把。没错，小程序就是居于H5开发出来的。可惜咱们这次讲的不是小程序，而是讲HTML5，简称H5。
H5中的5，是版本号来的，它在HTML4的基础上，进行了大大的优化。
1
H5去掉了HTML4上的鸡肋标签，如：<acronym>、<acronym>、<basefont>、<center>、<dir>、<frame>、<frameset>、<noframes>等。新增了很多丰富的功能标签。
以往需要借助第3方插件,如Flash ,才能实现的音频和视频功能，如今用HTML5<audio>、<video>标签便可实现。
以上在Web上无法直接实现通讯的功能，如今用HTML5的WebSocket也可以实现了…
2
光说不练假把式，来点代码试试，实现MP4的播放。视频来源，自己随便在网上找一个，建议找个短视频，否则只顾欣赏影片，无心学习去了。
<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
<source src=" " type="video/mp4" />
</video>
</body>
</html>
3
一个视频播放完毕，回过神来，了解一下H5语法结构。
H5 的新的文档类型（DOCTYPE）声明非常简单，用<!DOCTYPE html>标识即可。而编码的声明可用：<meta charset="UTF-8">进行。
至于内容标签，如<html></html>、<video></video>是成对出现的。如果不成对，就用闭尾结束，如<source src=" " />这样的。
4
好了，好了，往后的日子，咱们就用学习标签来打发。学习H5，从最最基本的标题标签学起，H5的标题标签有：h1至h6表示6级标题，数字越小，字体越小。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>开始标签学习</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
【关键词：青岛HTML5培训，学HTML5多少钱，HTML5培训哪家好，中享思途】
