当前位置:  首页  >  前端开发  >  HTML

html5是什么?html5新特性有哪些?(总结附代码)

HTML5的新特性有:绘画canvas、用于媒介回放的video和audio元素、本地离线存储localStorage、sessionStorage、语意化更好的内容元素、表单控件、新的技术webworker等。
本篇文章主要给大家介绍一下什么是HTML5,总结一下html5新特性。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

下面我们就结合简单例子,给大家总结介绍html5的新特性

一、绘画 canvas

HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。

二、用于媒介回放的 video 和 audio 元素

HTML5 DOM 为

这些方法、属性和事件允许您使用 JavaScript 来操作

三、本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失

localStorage :没有时间限制的数据存储

四、sessionStorage 的数据在浏览器关闭后自动删除

sessionStorage :针对一个 session 的数据存储

五、语意化更好的内容元素,比如 article、footer、header、nav、section

1.

标签定义外部的内容。

2.

标签定义文档或者文档的一部分区域的页眉。
元素应该作为介绍内容或者导航链接栏的容器。

3.Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要的、基本的、重要的放在nav元素里面即可。

4.section是带有语义的标签。

六、表单控件,calendar、date、time、email、url、search

七、新的技术webworker, websocket, Geolocation

1.web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。

2.WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

3.HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

本篇文章就是关于HTML5新特性的总结介绍,希望对需要的朋友有所帮助。

想要了解更多前端相关知识,可以关注PHP中文网HTML5视频教程,Bootstrap教程等等相关教程,欢迎大家参考学习!

以上就是html5是什么?html5新特性有哪些?(总结附代码)的详细内容,更多请关注 第一PHP社区 其它相关文章!

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有