HTML5有哪些新特性值得关注（介绍HTML5最新的一些特性）

　　H5 是指 HTML5，它是一种更新版本的 HTML 标准，提供了许多新的特性和功能。响应式布局:H5 支持响应式布局，这意味着它可以根据不同设备的屏幕大小自动调整布局。动画:H5 提供了各种动画，包括过渡、动画和悬停。离线存储:H5 支持离线存储，这意味着用户可以在无网络连接的情况下保存他们的数据。地理位置信息:H5 支持地理位置信息，这意味着用户可以上传他们的地理位置信息。文件上传:H5 支持文件上传，这意味着用户可以轻松上传文件到服务器。多媒体支持:H5 支持多媒体，包括音频、视频和图像。事件监听:H5 提供了各种事件监听器，这意味着开发人员可以轻松地监听用户的行为。滚动事件:H5 支持滚动事件，这意味着用户可以轻松地滚动页面。响应式网格布局:H5 支持响应式网格布局，这意味着它可以自动适应不同尺寸的屏幕。Web Workers:H5 支持 Web Workers，这意味着开发人员可以并发处理多个任务，从而提高网站的性能。

　　1、拖拽释放(Drap and drop) API ondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放

　　2、自定义属性 data-id

　　3、语义化更好的内容标签(header,nav,footer ,aside, article, section)

　　4、音频 ,视频(audio, video) 如果浏览器不支持自动播放怎么办? 在属性中添加autoplay(谷歌浏览器不支持音频自动播放，但是视频支持静音自动播放)

　　5、画布 Canvas

　　5.1）getContext() 方法返回一个用于在画布上绘图的环境 Canvas.getContext(contextID) 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 “2d”，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API

　　5.2）cxt.stroke() 绘制线条

　　5.3）canvas 和 image 在处理图片的时候有什么区别?

　　image 是通过对象的形式描述图片的,canvas 通过专门的 API 将图片绘制在画布上. 6、 地理(Geolocation) API 其实 Geolocation 就是用来获取到当前设备的经纬度（位置）

　　7、 本地离线存储 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，

　　直到手动去删除

　　8、 sessionStorage 该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页

　　之后将会删除这些数据。

　　9、 表单控件 calendar , date , time , email , url , search , tel , file , number

　　10、新的技术 webworker, websocket , Geolocation

　　这些新特性使得 H5 变得更加强大和灵活，使得开发人员可以更轻松地创建出色的 Web 应用程序。

　　#挑战30天在头条写日记#