Web开发

首页 » 常识 » 常识 » DjangoWeb中的静态文件之HTML
TUhjnbcbe - 2023/3/15 19:46:00
北京正规湿疹医院 http://liangssw.com/bozhu/13237.html

自从小程序出来以后,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

1
查看完整版本: DjangoWeb中的静态文件之HTML