首页 > 代码库 > 回顾知识,H5的新特性

回顾知识,H5的新特性

H5的新元素让一个页面避免都是div,灵活使用H5的各种新元素

1,结构元素

section元素 可以认为div是section元素,一个普通的分块元素,可用来定义网站中的特定的可区别的区域

header元素包括标题,logo,导航和其他页眉的内容,可以在网站上加多个header,就像给内容加多个标题

hgroup元素 即将标题进行分组的元素

footer元素版权声明和作者信息,包涵一些链接

nav元素主要用于主导航菜单

article元素独立成文且以其他格式重用的内容应该置于一个article元素中

aside元素用途包涵内容周围的相关内容

2.内部元素

figure元素一个典型用途是包含图像,代码和其他内容对主要内容进行说明,删除不会影响主内容

figcaption元素主要用于figure的标题

mark元素突出显示以表示引用的内容,或者突出显示与用户当前活动相关的内容,他不同于en或strong元素

time元素,当需要在内容中显示时间或者日期时,则建议使用time元素

time元素可以包涵两个属性,一个datetime表示在元素中指定的确切日期和世家,pubdate表示文章或者整个文档发布时time元素所指定的日期和时间

2表单input

3媒体元素audio和video不需要借助外部插件和应用程序,audio元素不需要在页面上呈现就能使用

src表示媒体路径

controls属性可用于指示浏览器提供默认的音频视频内容控制播放界面

<audio src="" controls></audio>

loop属性

用source属性来解决格式问题

video也有独特属性

技术分享

技术分享

使用WebSocket和HTML5 Canvas,可以创建出色的实时多人儿女游戏

 

回顾知识,H5的新特性