维亿CMS资源网,免费分享和下载
当前位置: 首页 > CMS建站 > html5是什么意思?详解html5的新特征、新标签及优缺点

html5是什么意思?详解html5的新特征、新标签及优缺点

匿名站长 CMS建站
扫码手机访问

html5是什么意思

一、html5是什么意思

Html5是Hyper Text Markup Language 5英文首字母的缩写,是构建Web内容的一种语言描述方式。HTML5是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,提供更多增强网络应用的标准。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。

二、html5新特性

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

1、智能表单

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

2、绘图画布

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

3、多媒体

HTML5最大特色之一就是支持音频视频,在通过增加了

4、地理定位

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

5、数据存储

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

6、多线程

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

①先创建发送数据的子线程;

②执行子线程任务,把要传递的数据发送给主线程;

③在主线程接受到子线程传递回的消息时创建接收数据的子线程,然后把发送数据的子线程中返回的消息传递给接收数据的子线程;

④执行接收数据子线程中的代码。

三、html5新标签

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者等。

1、canvas

:标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API。

2、多媒体

:定义多媒体资源

:定义嵌入的内容,比如插件。

:为诸如

3、表单

:定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

:规定用于表单的密钥对生成器字段。

:定义不同类型的输出,比如脚本的输出。

4、语义和结构

HTML5提供了新的元素来创建更好的页面结构:

:定义页面独立的内容区域。