html5新特性

HTML5都有哪些新特性呢？

1、离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。2、音频视频自由嵌入，多媒体形式更为灵活。3、地理定位。地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。4、Canvas绘图，提升移动平台的绘图能力。使用CanvasAPI可以简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑。5、丰富的交互方式。提升互动能力：拖拽、撤销历史操作、文本选择等。6、开发及维护成本低，这个相对于原生APP开发来说。更低的开发及维护成本;?使页面变得更小，减少了用户不必要的支出;而且，性能更好使耗电量更低。7、CSS3视觉设计师的辅助利器的支持。CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。8、html5调用手机摄像头和手机相册、通讯录等功能。html5是指万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3CRecommendation、见本处参考资料原文内容：）2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

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新特性有哪些

1.语义化标签

对比之前HTML没有体现结构语义化的标签，如：

//表头的声明

HTML5提供语义化标签，如：

等

2.增强型表单

多个新的表单 Input 输入类型，如：

color,url,date等

这些新特性提供了更好的输入控制和验证。

新增表单元素，如：

，用于用于不同类型的输出，比如计算或脚本输出。

新增表单属性，如：

placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。

required 属性，是一个 boolean 属性。要求填写的输入域不能为空

pattern 属性，描述了一个正则表达式用于验证 元素的值。

min 和 max 属性，设置元素最小值与最大值。

step 属性，为输入域规定合法的数字间隔。

height 和 width 属性，用于 image 类型的 标签的图像高度和宽度。

autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。

multiple 属性 ，是一个 boolean 属性。规定 元素中可选择多个值。

3.新增视频 和音频 标签



your browser does not support the video tag





您的浏览器不支持 audio 标签。

4.Canvas绘图

5.SVG绘图

6.地理定位

7.拖放API

8.Web Worker

9.Web Storage

10.WebSocket