13433933541

新川科技 建站问题

当前位置:首页>技术指导>建站问题
全部 10 SEO问题 5 建站问题 5 新闻动态 0

新增的元素《HTML5系列教程2》

时间:2019-09-08   访问量:1040

新增的元素《HTML5系列教程2》

    在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语法中新增的元素就到这里了,下次我们说说还有那些新增的属性,祝大家生活愉快、身体健康。


上一篇:HTML5语法《HTML5系列教程1》

下一篇:废除的属性《HTML5系列教程3》

在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

在线咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部