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:用来处理命令按钮
网友评论