15900627980

HTML5透过JavaScript提供数种不同的脱机储存功能

发布于:11-19
HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。



超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。




1、HTML5的包含部分

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者等。一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,不单单只是HTML部分而已,CSS3和JavaScript也有许多的创新,让整个网页程序功能更加缤纷。

2、脱机功能

HTML5透过JavaScript提供了数种不同的脱机储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。(1)、WebStorage:比Cookies更大、更有弹性的的储存。(2)、Web SQL Database:本地端的SQL数据库。(3)、Indexed DB:Key-value的本地数据库。(4)、Application Cache:将部分常用的网页内容cache起来。

3、实时通讯

以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来“仿真”实时的通讯效果,但HTML5提供了完善的实时通讯支持。(1)、WebSocket:实时的socket联机。(2)、Web Workers:以往JavaScript都是single thread,透过Worker可以有多个运算。(3)、Notifications:原生的提示讯息,类似像OS X的Growl提示。

4、档案以及硬件支持

不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的功能中的Dragn Drop和File API。(1)、Dragn Drop:HTML元素的拖拉。(2)、File API:读取用户本机计算机的内容。(3)、Geolocation:地理定位。(4)、Device orientation:手持装置的方向。(5)、Speech input:语音输入。

5、语义化

语义化的网络是可以让计算机能够更加理解网页的内容,对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。(1)、New tags:新的标签,像是header、section等。(2)、Application tags:也是新的标签,像是meter、progress等。(3)、Microdata:加入语义的数据让搜索引擎等网站可以正确显示。(4)、Form type:form可以加入的type便多了,包含email和tel等属性,浏览器会协助进行数据格式的验证。



说到这里我想问你知道有哪些要求吗

在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。

文本标记语言源程序的文件扩展名默认使用htm(磁盘操作系统DOS限制的外语缩写为扩展名)或html(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。

超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“&nbsp(注意此字母必须小写,方可空格)”表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。

标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号“&nbsp(注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。

标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。

HTML注释由"<!--"号开始,由符号”-->“结束结束,例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。



6、多媒体

Audio、Video的卷标支持以及Canvas的功能应该是大家对于HTML5最熟悉的部份了,也是许多人认为Flash会被取代的主要原因。(1)、Audio video:影片和音乐的原生播放支持。(2)、Canvas:2D的绘图功能支持。(3)、Canvas 3D:3D的绘图功能支持。(4)、SVG:向量图支援。

7、CSS 3技术

CSS 3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。(1)、Selector:更有弹性的选择器。(2)、Webfonts:嵌入式字体。(3)、Layout:多样化的排版选择。(4)、Stlying radius gradient shadow:圆角、渐层、阴影。(5)、Border background:边框的背景支持。(6)、Transition:组件的移动效果。(7)、Transform:组件的变形效果。(8)、Animation:将移动和变形加入动画支持。

8、JavaScript技术

HTML5在比较JavaScript的基本面也新增了DOM的API、和浏览器上下页的纪录修改。(1)、DOM API:更方便的查询DOM组件。(2)、History API:浏览器的上下页内容修改,方便AJAX可以保留浏览记录。截至目前而言,主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支持了许多的HTML5标准,而且目前最新版的IE 10也支持了许多HTML5标准,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以着手开发!



而Modernizer也是一个相当重要的JavaScript函数库,提供开发者轻松的方式判别目前使用者的浏览器是否有支持特定的HTML5功能。

9、HTML发展

超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1997年1月14日,W3C推荐标准

HTML 4.0——1997年12月18日,W3C推荐标准

HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

HTML 5——2014年10月28日,W3C推荐标准  (详见本处参考资料)

ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。

空格 标记语言 标记 支持 属性 元素 功能 文本 浏览器 内容

上一篇:响应式设计在用户体验中的应用

下一篇:vue封装axios请求

相关内容 观察行业视觉,用专业的角度,讲出你们的心声。
Back

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。

十见(上海)网络科技有限公司 Copyright© 2014-2020 沪ICP备20008988号-2