html5有哪些新特性,移除了那些元素?

八戒创业伙伴

30天以前 15浏览
html5有哪些新特性,移除了那些元素?

Html5新增了27个元素,废弃了16个元素,根据现有的标准规范,把HTML5的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素4大类。

结构性元素主要负责web上下文结构的定义

section:在web页面应用中,该元素也可以用于区域的章节描述。

header:页面主体上的头部,header元素往往在一对body元素中。

footer:页面的底部(页脚),通常会标出网站的相关信息。

nav:专门用于菜单导航、链接导航的元素,是navigator的缩写。

article:用于表现一篇文章的主体内容,一般为文字集中显示的区域。

级块性元素主要完成web页面区域的划分,确保内容的有效分割。

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

figure:是对多个元素进行组合并展示的元素,通常与ficaption联合使用。

code:表示一段代码块。

dialog:用于表达人与人之间的对话,该元素包含dt和dd这两个组合元素,dt用于表示说话者,而dd用来表示说话内容。

行内语义性元素主要完成web页面具体内容的引用和描述,是丰富内容展示的基础。

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

time:表示时间值。

progress:用来表示进度条,可通过对其max、min、step等属性进行控制,完成对进度的表示和监事。

video:视频元素,用于支持和实现视频文件的直接播放,支持缓冲预载和多种视频媒体格式。

audio:音频元素,用于支持和实现音频文件的直接播放,支持缓冲预载和多种音频媒体格式。

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

details:用来表示一段具体的内容,但是内容默认可能不显示,通过某种手段(如单击)与legend交互才会显示出来。

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

menu:主要用于交互菜单(曾被废弃又被重新启用的元素)。

command:用来处理命令按钮。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

html
大家都在看
html5是什么?发展前景如何呢?

html5是什么?发展前景如何呢?

html
26浏览
html网页文件的默认扩展名是什么?

html网页文件的默认扩展名是什么?

html
70浏览
怎样在html页面中制作一个简单的表格?

怎样在html页面中制作一个简单的表格?

html
14浏览
Html如何设置元素垂直居中?

Html如何设置元素垂直居中?

html
12浏览
怎么设置html文字背景颜色?

怎么设置html文字背景颜色?

html
15浏览
html5有哪些软件可以写代码?

html5有哪些软件可以写代码?

html
10浏览
HTML网页制作:[5]如何在网页中插入表格?

HTML网页制作:[5]如何在网页中插入表格?

html
15浏览
为什么HTML5前端混合开发这么火?

为什么HTML5前端混合开发这么火?

html
12浏览
HTML如何显示当前动态时间?

HTML如何显示当前动态时间?

html
21浏览
怎么在网页中插入图片html图片代码

怎么在网页中插入图片html图片代码

html
26浏览
怎么在网页中插入图片html图片代码

怎么在网页中插入图片html图片代码

html
35浏览
html5哪个开发工具比较适合新手?

html5哪个开发工具比较适合新手?

html
20浏览
如何用HTML创建一个简单网页?

如何用HTML创建一个简单网页?

html
11浏览
如何用HTML创建一个简单网页?

如何用HTML创建一个简单网页?

html
17浏览
如何用html5插入背景图片?

如何用html5插入背景图片?

html
15浏览
html网页中如何调用另一个html网页的一部分

html网页中如何调用另一个html网页的一部分

html
13浏览
html5从入门到精通需要了解哪些内容

html5从入门到精通需要了解哪些内容

html
42浏览
如何使用html+css+js完成轮播图的效果?

如何使用html+css+js完成轮播图的效果?

html
14浏览
Html如何设置元素水平居中?

Html如何设置元素水平居中?

html
9浏览
前端html源码可以不暴露接口吗?为什么?

前端html源码可以不暴露接口吗?为什么?

html
8浏览
点赞
收藏
分享