㈠ HTML5中,新增加了什么,用于实现本地数据的缓存
h5新增localStorage和sessionStorage两种用于把数据存储在本地的方法，前者可以将数据永久保存在本地，可手动删除。后者只能在本次浏览器启动时存储有效，关闭浏览器之后存储的数据会自动清空。
㈡ h5如何制作
H5是html5的缩写，是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修来改。
制作H5页面的方法：
1、首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPS H5软件。
2、进入H5的制作页面后可以自选择一种模板作为制作的基础样式。
3、点击需要的模板后点击其右侧的“立即使用”按钮。
4、点击后即可进入编辑页面，可以点击上方工具栏中的“文本、形状、图片、表单、背景”选项。
5、还可以设置“互动、音乐、图表、动画”的相关选项。
6、设置制作完毕后可以点击右上角的“预览/发布”按钮进行保存及发布。
㈢ 自媒体里h5指的是什么
HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
H5这个词,来自”HTML5”, 所谓“HTML5”, 是指“HTML"的第5个版本，而"HTML”, 则是指描述网页的标准语言。
几乎所有在线的应用类网站,本质上都是一个"H5”。H5页面简单的说就是利用html5制作出来的页面,利用图片、文字、动画、音乐等方式融合在一起来表达某种艺术效果或者推广效果。
(3)h5提供的数据存储有哪些扩展阅读
新特性
HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。
1、智能表单
表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式。
再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现；一些如内容提示、焦点处理、数据验证等功能，也可以通过THML5的智能表单属性标签来完成。
2、绘图画布
HTML5的canvas元索可以实现画布功能，该元索通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。
HTML5的canvas元索使得浏览器无需Flash或Silverlight等插件就能直接显示图形或动画图像。
3、多媒体
HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
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，用户可以创建多个在后台的线程，将耗费较长时间的处理交给后台面不影响用户界面和响应速度，这些处理不会因用户交互而运行中断。使用后台线程不能访问页面和窗口对象，但后台线程可以和贞面之间进行数据交互。
㈣ h5支持的外部存储是哪个
1、cookie
这个存储用了很久了，而且也是以前大多网站十分喜欢的存储站点。但是也很容易被清除。同时cookie会在每一次通信过程中传向服务端。同时cookie有一个很好的地方就是，它本身有一个过期时间属性，可以用来标注一个变量的有效期。而cookie一旦过期就会被自动删除掉。
2、localStorage、sessionStorage
·localStorage: 持久存储，只要用户不主动删除就会一直存在。
·sessionStorage：面向session的浏览器存储，因此只存在于一个页面的生命周期内，关闭即清除两者均采用键值对的形式存储数据。
3、indexedDB
内嵌在浏览器端的非关系型数据库，数据以键值对的形式存储，兼容性良好indexDB直接操作的存储对象是ObjectStore，这有点类似其他数据库中table概念。
4、websql
内嵌在浏览器的关系型数据库，前端可以像在使用mysql、Oracle一样的写sql语句， 并存储信息。兼容性良好。存储后可在浏览器resource中查看。
5、window变量
生命周期有限，一般大家也不会去使用。但是对于全局变量的临时存储来说，还是一个不可多得的好地方。
6、flash cookie
flash cookie现在用的地方比较多。
㈤ vuex和localstorage存储数据有什么区别
vuex管理的是应用处于当前运行状态下的一些数据，而storage保存的是由应用告诉浏览器需要保存的数据，区别是，网页一刷新，vuex数据就没了，而storage不受刷新影响。。。因此，在保存数据时，应该结合所使用场景的情况，因地制宜
㈥ html5离线存储有几种方式
h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。
目标
解决4k的大小问题
解决请求头常带存储信息的问题
解决关系型存储的问题
跨浏览器
1.本地存储localstorage
存储方式：
以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
大小：
每个域名5M
㈦ HTML5中的localStorage什么时候会被清空
h5本地存储localStorage，sessionStorage。
localStorage是没有失效时间的，sessionStorage的声明周期是浏览器的生命周期。
当浏览器关闭时，sessionStorage的数据将清空，而localStorage数据只要不通过代码特意的删除或手动删除，是永久保存的。
删除方法：localStorage.clear();
下边是我写的一个小测试，里边有用到localStorage
http://runjs.cn/detail/4aaszv8t
㈧ 前端数据存储方式有哪些
为你总结了四种数据存储方式，希望可以帮到你：
1、Cookie
cookie 用于存储web页面的用户信息。
cookie 是一些数据，存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。
2、localStorage
允许在浏览器中存储key/value对的数据。
用于长期保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
属性是只读的。
如果你想浏览器窗口关闭后还保留数据，可以使用localStorage；如果你只想将数据保存在当前会话中，可以使用sessionStorage.
3、sessionStorage
允许在浏览器中存储key/value对的数据。
数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。
4、indexedDB
索引数据库（indexDB）API（作为HTML5 的一部分）对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。
同时它还有助于本地缓存数据，使传统再现Web应用程序（比如移动 Web 应用程序）能够更快的运行和响应。
想要了解或者学习更多前端知识，推荐北京尚学堂，雄厚的师资力量带给你高效的学习体验。
㈨ 什么是H5技术
HTML5并不是一项技术，而是一个标准。”H5“本应是一个技术合集，却被意会成了一项技术。
HTML，全程为HyperTextMarkupLanguage,中文直意为“超级文本标记语言"从94年由万维网(W3C)发明至今，已逐渐成为了网页标记语言的行业规范，它是构成网页的一种标记编写语言，html目前也历经了5次小大修改，也可以说H5是html的第5代语言。
技术要点：
1、重要标记
<video>标记
定义和用法
</video> 标签定义视频，比如电影片段或其他视频流。
<audio> 标记。
定义和用法
</audio> 标签定义声音，比如音乐或其他音频流。
2、程序接口
除了原先的DOM接口，HTML5增加了更多API,如：
（1）、用于即时2D绘图的Canvas标签；
（2）、 定时媒体回放；
（3）、 离线数据库存储；
（4）、文档编辑；
（5）、 拖拽控制；
（6）、浏览历史管理。
3、元素变化
新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput。
元素的新属性：日期和时间，email, url。
新的通用属性：ping, charset, async。
全域属性：id, tabindex, repeat。
移除元素：center, font, strike。
4、控件
就是Html标注的属性里加上runat="server"所构成的控件，至于Html标注和Html控件之间的区别很明显，Html控件是运行于服务器端，Html标注是运行于客户端。
基本Html控件有：
。
自定义的Html控件是根据自己的需求定义。当自主开发效率低，可以从技术社区、源码网站下载需要的控件。比如，需要插入table, image, links 等标签。不必自己开发，可以使用ComponentOne Wijmo Editor等。
5、图表库
.Net图表控件Chart FX相信大家已经非常熟悉了。Chart FX的开发商SoftwareFX推出的一套为HTML5、jQuery和JavaScript开发者设计的免费HTML5图表库——jChartFX！
jChartFX亮点：
（1）、jChartFX充分利用了HTML5，CSS和SVG，让您能够在浏览器提供美观优越的图表和更丰富的最终用户体验。
（2）、jChartFX拥有很多令人振奋的功能，它在无插件纯JavaScript的浏览器上运行，这意味着在提高了网站安全性和速度的同时，最大程度的减少了网站服务器的负荷。
（4）、jChartFX还能够自动整合到jQuery UI ThemeRoller，自动读取并解释jQuery的主题和CSS文件，能够快速适应您的页面布局和设计，无需一行代码。
（4）、jChartFX支持JSON，JSON能够帮助您实现，任何数据源中的数据都可以展现到图表中。
（5）、jChartFX还支持超过40种的2D、3D图表类型，免费的图表控件中支持如此之多的图表展示类型实属难得。
(9)h5提供的数据存储有哪些扩展阅读：
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
1、本地存储特性（Class: OFFLINE & STORAGE）
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
2、设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
3、连接特性（Class: CONNECTIVITY）
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。
HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
4、网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。
5、三维、图形及特效特性（Class: 3D, Graphics & Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
6、性能与集成特性（Class: Performance & Integration）
没有用户会永远等待Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。
7、CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。
参考资料来源：中国经济网-传3·15曝光恶意App H5技术或成解决方案
参考资料来源：中国新闻网-H5发展势头不减：得朋友圈者得天下