美文网首页
第二章:HTML5基础

第二章:HTML5基础

作者: 小呆瓜l | 来源:发表于2018-11-30 22:11 被阅读0次

HTML5包含一百多个标签,大部分继承HTML4,同时新增30个标签,简单介绍如下:

1.1新增的元素

根据现有的规范,把HTML5新增元素按优先级分为4大类,简单说明如下:

1.结构性元素

主要负责Web上下文结构的定义。例如:

section:表示内容分区,通俗说就是内容分段

article:表示一篇独立的内容,如一篇文章

header:表示页面中分节的标题栏

footer:表示页面中分节的脚注栏

nav:表示页面中的导航部分

2.块级性元素

主要完成页面次区域的划分,确保内容的有效分割。例如:

aside:用于注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容

figure:组织多媒体资源,通常与ficaption元素联合使用

dialog:表示对话,通常与dt和dd元素联合使用,dt表示说话者,dd表示说话内容

3.行内语义性元素

主要完成Web页面具体内容的引用和描述,是丰富内容展示的基础。例如:

meter:表示特定范围内的值,可用于工资、数量、百分比等。

time:表示时间

progress:表示进度条,通过与max,min,step等属性,完成对进度的表示和监控

video:视频元素,用于支持和实现视频文件的播放

audio:音频元素,用于支持和实现音频文件的播放

4.交互性元素

主要用于功能性内容的表达,会有一定的内容和数据的关联,是各种事件的基础。例如

datalist:组织详细内容并展示的元素,通常与summary元素联合使用。默认可能不显示,通过某种手段(如单击)交互才会显示出来

datagrid:用来控制客户端数据的显示,可以由动态脚本及时更新

menu:主要用于菜单交互

command:用来处理命令按钮

相关文章

网友评论

      本文标题:第二章:HTML5基础

      本文链接:https://www.haomeiwen.com/subject/apkxaftx.html