`

HTML5的一些想法

 
阅读更多

前几天在网上看资料的时候,无意中发现了一个叫HTML5的技术,或者应该叫规范比较好。
HTML5的由来就不介绍了,具体百度吧。
那HTML5有什么用呢?
大家都知道,现在的HTML协议对动画和视频是比较难实现的,一般装个插件,或者用flash,
而HTML5不但可以很容易的实现动画和视频,还能对控件进行拖拽和编辑等等。

1. 离线存储
  
HTML5可以让你的WEB应用程序离线也能运行,它提供了一个称作“应用程序缓存”的离线存储功能,因此即使当用户离线 ,浏览器仍然能够访问到它所需的文件。这些文件可以是HTML,CSS,Javascript 或者其它任何 网页运行所需要的文件。
  2.拖拽功能
  HTML5提供了可以用来设计交互应用程序的本地拖拽功能,通过这个特性你可以拖动任何元素然后把它放到你想放到地方。
  3.地理位置定位技术
  HTML5的地理位置定位API可以让你与所信任的网站分享你当前的位置信息,当然,隐私问题是这一特性所主要考虑的,W3.org声明:浏览器在没有用户许可的情况下不允许私自向网站发送用户的地理位置信息。
  比如一位用户使用Firefox浏览器访问了一个实现地理位置定位技术的网页,浏览器会向用户询问是否共享他的地理位置信息,如果用户同意,Firefox会收集附近无线接入点和访问者IP地址信息,并把这些信息发送到默认设定的Google地理位置服务,处理之后的位置信息将会发送给用户访问的这个网站。
  4.音频和视频
  当前的HTML缺少在页面中嵌入多媒体文件的特性,因此多媒体文件的嵌入需要使用各种的插件。比如FLASH被广泛地用来嵌入音频和视频文件。现在可以非常方便地使用HTML5提供的audio和video标签,而不用任何插件。
  5.发布功能
  使用在游戏方面。

   6.表单输入
  HTML5提供了几个新的表单input类型,像弹出日历,调色板,数字输入框等等。这些可以创建拥有更好的输入控制和验证的高效表单。


不过我认为最重要的还是对各个平台的无缝支持,实现“一次开发或修改,各个平台运行”。
这里的各个平台就是windows,IOS,android和其他平台,大家都知道,现在在各个平台上运行的app,
是要分别开发的,windows一个版本,IOS一个本版,android一个版本是标准配置,加上其他的平台,TV。
一个app,或者是app的一个小修改,就需要在各个平台上做修改,成本高,容易出错,维护难度大,
如果在HTML5上开发,各个平台只要安装一个浏览器就可以了,
但是缺点就是,在交互性和使用性上,应该还是app好,

分享到:
评论

相关推荐

    WebQQ_3.0:让html5改变你对Web的看法

    WebQQ_3.0:让html5改变你对Web的看法

    HTML5学习文档汇总

    HTML5权威指南.pdf [HTML+5+从入门到精通].pdf WebQQ_3.0:让html5改变你对Web的看法.pdf

    HTML5重塑Web世界它将如何改变互联网

    因为关于如何改进浏览器和改进Web世界,不管是浏览器供应商还是其他人都有太多的想法,而这些都要汇聚到HTML5规范中并达成一致,这需要时间。许多新的标签和JavaScript函数尽管已经在一些浏览器上进行了实验,但互...

    HTML5与Flash对比

    从大量的报道中,如果各位从Google搜索引擎中输入“HTML5 Flash”这2个关键字组合,将会有1百多万条相关的资讯,真是犹如狂风暴雨一般,而现在的IE8,Safari 4和FF 3.5 RC都或多或少的支持了一些HTML5的功能,这就让...

    php+html5(原代码改进升级版)多进程实现大文件无刷新上传,支持断点续传

    《php+html5(原代码改进)多进程实现大视频文件无刷新上传 》这个代码的改进升级版本,更新内容如下: 【2023.04.22】 1、修复大文件上传,上传到100%,合并文件这步容易失败(失败原因是文件越大合并耗时越长,...

    HTML5格式的CSS3水中倒影特效源码.rar

    HTML5格式的CSS3水中倒影特效源码,具体来说是使用了HTML5中的Canvas技术来实现,这些倒影效果十分逼真,看上去像是真实的效果。关于我自己的看法:  这款倒影的效果逼真程度和用户挑选的图片有很大关系,图片要...

    你不知道的5个HTML5API

    毫无疑问,HTML5已经成为当今最流行的一门技术,尤其是Web开发者们对HTML5的兴趣是日趋浓厚。HTML5的许多功能都也能在现代浏览器中得以实现。然而,作为开发者,除了关注HTML5的功能和开发工具外,你有对其API留意过...

    Saola Animate(html5动画制作软件) v2.0.3.zip

    Saola Animate是一款能够制作HTML5动画软件,帮助你快速地创建适用于多种设备情景的HTML5动画,Saola Animate拥有非常直观的编辑器,就算你对代码不熟悉,也可以制作HTML5动画! Saola Animate软件特色 1、时间线 ...

    html5,web前端实验

    form表单的使用,排版(表格形式,问卷调查形式), ... 为了更好的了解人们对近年来计算机类专业填报火热现象的看法,特制定本问卷,希望得到您的配合,请认真阅读并回答以下问题,您的回答将直接影响本

    HTML5计时器小例子

    听到计时器之后或许大家认为只有在js中可以实现,其实这种想法在你不知道有html5的情况下还能成立,下文为大家介绍下html5中是如何实现计时器的,感兴趣的朋友不要错过

    响应电子邮件XX:一些HTML电子邮件的布局想法,这些想法可适应小屏幕并响应断点

    电子邮件的响应式布局HTML电子邮件的一些布局想法可适应小屏幕并响应断点。 它还包括一些HTML电子邮件陷阱的变通办法,例如Hotmail中对躲避框模型的支持,Yahoo!中自动检测的链接以及Outlook中的背景图像。 此模板...

    metajs:MetaJS 是一组库,它使用 Web 组件和 HTML5 功能提供 UI 构建块

    MetaJS 是一组库,它使用 Web 组件和 HTML5 功能提供 UI 构建块。 有关详细信息、教程和组件参考,请参阅。 警告 MetaJS 正在使用实验性的 HTML5 Web 组件功能,这些功能不是生活标准的一部分,也不是 Web 浏览器...

    LimulusJS:我对 HTML5 游戏引擎的看法

    游戏EX 我对 HTML5 游戏引擎的看法

    HTML Canvas Web图表代码.zip

    当然还有很多未完待续的事情要来进行,下面是一些我觉得可以去做的想法:1.时态图表、动画图表2.复合图表,可以多种图表组合,表达更为详细的数据信息3.颜色表,通过色带的方式,方便用户对多种数据风格的指定,达到...

    Super-Tux-HTML5:我对Phaser 2D用HTML编写的Super Tux的一点看法

    超级Tux-HTML5 我自己对使用Phaser 2D用HTML编写的Super Tux的一点看法,请在此处尝试游戏: : 学分 克里斯·奥基普尼蒂(Kris Occhipniti)的代码 一些声音和艺术取材于: :

    HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图

    HTML5火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1...

    Jadesktop:使用HTML5,CSS,JavaScript和Python构建Linux桌面环境

    只是另一个桌面环境 使用Web Technologies,HTML / CSS和用于UI的VueJS构建的桌面环境,后端是QT和GTK。 ...一些想法 娱乐方式 插件支持 Pamac部分集成 游戏手柄整合 触摸屏集成 语音控制(Mycrof

    html5-periodic-table, 他用Josh创建的,他删除了它,所以我重建了它.zip

    html5-periodic-table, 他用Josh创建的,他删除了它,所以我重建了它 元素的周期 table这里有几个不同的版本,并不是我最初的想法。 这个版本只用css制作,所以现在的浏览器。 ...

    minifront:一个简单的、与服务器无关的、最小的 HTML5CSS3jQuery 框架

    一个简单的、与服务器无关的、最小的 HTML5/CSS3 框架,具有来自 、 和一些功能和想法。 用于在进入后端开发之前开发静态页面或专注于 UI 的小型网站。 流。 只需开始在 index.html 中编写 HTML5 并将一些 CSS ...

    Html5内唤醒百度、高德APP的实现示例

    前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者...有好的想法可以评论一下。 下面放相关代码:   function ToggleAppAndH5( AppUrl , AppCallback = () => {}){ // 先走APP const ifr = document.cr

Global site tag (gtag.js) - Google Analytics