在html5中，新增了很多的元素，这些新增的元素主要包括了与结构相关和与结构无关的以及表单相关的一些元素。那么接下来就让我们了解一下这些经过了更新换代的元素吧！
1.新增的与结构相关的元素在html4中，与结构相关的元素主要使用＜div＞，并配合css样式进行页面布局，在html5中，可以直接使用各种主体结构元素进行布局，这些元素包括:
●section元素 表示页面的一个内容区块。
●article元素 表示页面的一块独立内容。
●aside元素 表示页面上article元素之外的，但是与article相关的辅助信息。
●nav元素 表示页面中导航链接的部分。
在HTML5中，还新增了一些非主体结构元素，这些元素包括:
●header元素 表示页面中一个内容区块section或者整个页面的标题。
●hgroup元素 表示对整个页面或者页面中一个内容区块section的header进行组合。
●footer元素 表示整个页面或者页面中一个内容区块section的页脚。
●figure元素 表示一段独立的文档流内容。
●figcaption元素 表示figure元素的标题。
2.新增的与结构无关的元素
这些元素主要用于定义音视频、进度条、时间、注释等，主要包括:
●video元素 用于定义视频，无须object type=video/ogg。
●audio元素 用于定义音频，无须object type=application/ogg。
●embed元素 用于插入各种多媒体，可以是各种模式。
●mark元素 用于用户在视觉上突出显示某些文字。
●progress 表示运行中的进程。
●time元素 用于表示日期、时间。
●ruby元素 表示ruby注释。
●rt元素 表示字符的解释或发音。
●rp元素 在ruby内使用，表示不支持ruby元素的浏览器所显示的内容。
●wbr元素 表示软换行，可以根据浏览器的窗口或者父级元素的宽度自己决定。
●canvas元素 表示画布，然后让脚本把想要的东西画在上面。
●command元素 表示命令按钮。
●details元素 表示当用户单击某元素时想要得到的细节信息，常和summary元素联合使用。
●summary元素 是details元素的*个子元素，表示details的标题。
●datalist元素 表明了可以选择的数据列表，以下拉表形式显示。
●datagrid元素 表明了可选的数据列表，但是以树列表的形式显示。
●keygen元素 表示生成密钥。
●output元素 表示不同类型的输出。
●source元素 表示为video、audio等媒体元素定义资源。
●menu元素 表示了菜单列表。
3.新增的表单元素类型
email 表示必须输入E-mail地址的文本输入框。
url 表示必须输入UPL地址的文本输入框。
number 表示必须输入数值的文本输入框。
range 表示必须输入一定范围内数字的文本输入框。
好了，这次的关于html5语法中新增的元素就到这里了，下次我们说说还有那些新增的属性，祝大家生活愉快、身体健康。
欢迎感兴趣的朋友来校咨询，我们的网址:
也可关注我校公众号:pyyuanxing，也可以添加微信号yx-peixun。
地址:番禺区市桥街桥东路63号银座中心7楼全层
