html5可以有哪些主题,html5是什么有哪些新特性?

html5是什么有哪些新特性?

1、html5是什么意思?

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。本次修改后的标准我们就称之为html5。

html5也就是包括HTML、CSS和JavaScript在内的一套技术组合,强化了Web网页的表现性能。其次,追加了本地数据库等Web应用的功能。

2e496441641e8ee6eabca98cfb1b3036.png

2、html5有哪些新特性?

HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。html5具有以下几个新特性:

智能表单

表单是实现用户与页面后台交互主要组成部分,HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式,再加上新增加的一些表单标签,使得原本需要JavaScript来实现的控件,可以直接使用HTML5的表单来实现;一些如内容提示、焦点处理、数据验证等功能,也可以通过HTML5的智能表单属性标签来完成。

绘图画布

HTML5的canvas元素可以实现画布功能,该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用JavaScript可以控制其每一个像素。HTML5的canvas元素使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。

多媒体

HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。

地理定位

现今移动网络备受青睐,用户对实时定位的应用越来,要求也越来越高。HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能,定位更加准确、灵活。通过HTML5进行定位,除了可以定位自己的位置,还可以在他人对你开放信息的情况下获得他人的定位信息。

数据存储

HTML5较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5支持DOMStorage和WebSQLDatabase两种存储机制。其中,DOMStorage适用于具有key/value对的基本本地存储;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者可以使用SQL语法对这些数据进行查询、插入等操作。

多线程

HTML5利用WebWorker将Web应用程序从原来的单线程业界中解放出来,通过创建一个WebWorker对象就可以实现多线程操作。JavaScript创建的Web程序处理事务都是在单线程中执行,响应时间较长,而当JavaScript过于复杂时,还有可能出现死锁的局面。HTML5新增加了一个WebWorkerAPI,用户可以创建多个在后台的线程,将耗费较长时间的处理交给后台面不影响用户界面和响应速度,这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象,但后台线程可以和页面之间进行数据交互。子线程与子线程之间的数据交互,大致步骤如下:①先创建发送数据的子线程;②执行子线程任务,把要传递的数据发送给主线程;③在主线程接受到子线程传递回的消息时创建接收数据的子线程,然后把发送数据的子线程中返回的消息传递给接收数据的子线程;④执行接收数据子线程中的代码。

41b37b98e526818c9e35a163bb412802.png

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

(1)、绘画canvas

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

(2)、用于媒介回放的video和audio元素

HTML5DOM为和元素提供了方法、属性和事件。

这些纺法、属性和事件允许您使用JavaScript来操作和元愫。

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

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

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

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

(5)、语意化更好的内容元素,比如article.footer.header.nav.section

①.标签定义外部的内容。

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

栏的容器。

③.Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页

面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要的、基本

的、重要的放在nav元索里面即可。

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

0e3c3bc74463191024c5f8f05cddf2d8.png

(6)、表单控件,calendar.date.time、email、url、search

(7)、新的技术webworker,websocket,Geolocation

①.webworker运行往后台的JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿

意做的事情:点击、选取内容等等,而此时webworker在后台运行。

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

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

以上就是苹果cmsv10高端模板为大家搜集整理的关于:html5是什么有哪些新特性?相关问题的解释和相关问题的回答,希望对你当前遇到的html5是什么有哪些新特性?相关的问题能够提供和得到一些帮助!更多请关注:我的主题网帮助文档

免责声明:1.凡本站注明“来源:XXX(非我的主题网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系admin#mytheme.cn处理;2.凡本站转载内容仅代表作者本人观点,与我的主题网无关。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值