简述html5的新特性(简述HTML的功能)
今天给各位分享简述html5的新特性的知识,其中也会对简述HTML的功能进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
html5有哪些新特性
html5新特性有哪些
1.语义化标签
对比之前HTML没有体现结构语义化的标签,如:
<div id="header"></div>//表头的声明
HTML5提供语义化标签,如:
<header><article><footer><nav><aside><section>等
2.增强型表单
多个新的表单 Input输入类型,如:
color,url,date等
这些新特性提供了更好的输入控制和验证。
新增表单元素,如:
<output>,用于用于不同类型的输出,比如计算或脚本输出。
新增表单属性,如:
placehoder属性,简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示,在用户输入后消失。
required属性,是一个 boolean属性。要求填写的输入域不能为空
pattern属性,描述了一个正则表达式用于验证<input>元素的值。
min和 max属性,设置元素最小值与最大值。
step属性,为输入域规定合法的数字间隔。
height和 width属性,用于 image类型的<input>标签的图像高度和宽度。
autofocus属性,是一个 boolean属性。规定在页面加载时,域自动地获得焦点。
multiple属性,是一个 boolean属性。规定<input>元素中可选择多个值。
3.新增视频<video>和音频<audio>标签
<video><video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>
<audio>
<audio src="someaudio.wav">您的浏览器不支持 audio标签。</audio>
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.Web Worker
9.Web Storage
10.WebSocket
HTML5都有哪些新特性呢
HTML5新特性如下:
1、脱机缓存。您可以在关闭浏览器并再次打开时还原数据,以减少网络流量。
2、音频和视频可以自由嵌入,多媒体形式更加灵活。
3、地理位置。地理位置定位使得定位导航不再是专属导航软件,地图也不需要下载很大的地图包。它可以通过缓存、去哪里、去哪里以及更灵活的方式来解决。
4、画布绘制提高了移动平台的绘制能力。canvas API可以用来绘制一个简单的热点地图来收集用户体验数据,并支持对图像的移动、旋转、缩放等常规编辑。
5、丰富的互动方式。提高交互能力:拖动、撤消历史操作、文本选择等。
6、与原生app相比,开发维护成本低。降低开发和维护成本;?使页面更小,减少用户不必要的开销;性能更好,功耗更低。
7、CSS3视觉设计师的辅助利器支持。CSS3支持字体嵌入、布局和最令人印象深刻的动画功能。
8、HTML5调用相机、相册和通讯录的功能。
扩展资料:
2014年10月29日,万维网联盟宣布,HTML第五次重大修订,经过近8年的努力,标准规范终于完成。HTML5旨在支持移动设备上的多媒体。引入了新的语法特性来支持这一点,如视频、音频和画布标记。HTML5还引入了一些新功能,这些功能可以真正改变用户与文档交互的方式,包括增强灵活性的新解析规则、新属性、过时或冗余属性等。
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:用来处理命令按钮。
关于简述html5的新特性的内容到此结束,希望对大家有所帮助。