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