草丁图书馆

  1. 首页 > 生活杂烩 >

html5新特性有哪些，h5和c3新增特征( 五 )

小知识


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

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="http://www.ncwxdh.com/i/movie.ogg" controls="controls">

your browser does not support the video tag

</video>

<audio>

<audio src="http://www.ncwxdh.com/p/someaudio.wav">您的浏览器不支持 audio 标签 。 </audio>

4.Canvas绘图

5.SVG绘图

6.地理定位

7.拖放API

8.Web Worker

9.Web Storage

10.WebSocket
html5有哪些新特性? accesskey 规定激活元素的快捷键 。
class 规定元素的一个或多个类名（引用样式表中的类） 。
contenteditable 规定元素内容是否可编辑 。
contextmenu 规定元素的上下文菜单 。 上下文菜单在用户点击元素时显示 。

推荐阅读


上一篇：【紫荆花】紫金花和紫荆花一样吗

下一篇：【品种】目前最甜的梨新品种