`

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的出现,不仅改变了Web开发的方式,也拓展了Web应用的功能与性能。WebQQ 3.0 中HTML5的应用主要集中在以下几个...

    网站模板html5秀气清爽个人博客html源码模板.zip

    "网站模板html5秀气清爽个人博客html源码模板.zip"是一个专为个人博客设计的HTML5模板,旨在为用户提供一个美观、简洁且易于维护的平台来分享他们的故事和想法。 首先,我们来看HTML5模板中的关键特性。HTML5支持...

    HTML5学习文档汇总

    这个压缩包包含三份关于HTML5学习的重要文档,分别是“HTML5权威指南”、“[HTML+5+从入门到精通]”以及“WebQQ_3.0:让html5改变你对Web的看法”。 首先,“HTML5权威指南”很可能详尽介绍了HTML5的新特性、语义化...

    [HTML5揭秘].(HTML5:Up.and.Running).Mark.Pilgrim.文字版.pdf

    **XHTML与HTML5的误区**:许多人认为XHTML是HTML的未来方向,但实际上,HTML5的出现改变了这一看法。XHTML强调的是严格性,而HTML5则更加注重实用性,允许浏览器更好地处理错误。 **竞争愿景**:这里提到的“竞争...

    Web前端开发中HTML5的应用探讨_陈庚.pdf

    HTML5的兼容性和强大功能让它成为开发者们的首选技术,它帮助开发人员实现了更多创新的想法,并且推动了Web平台的进一步发展。 综上所述,HTML5技术凭借其广泛的应用性、良好的用户体验、跨平台兼容性、实时更新...

    What Is HTML5

    ### HTML5:不仅仅是一种语言,更是一场革命 ...理解HTML5不仅仅意味着学习其语法和特性,更重要的是转变我们对于网络及其可能性的看法。只有深入理解HTML5的内涵,才能真正把握住这场技术变革所带来的机遇。

    HTML5和CSS3web前端开发技术习题集答案解析.doc

    HTML5 和 CSS3 web 前端开发技术习题集答案解析 HTML5 是下一代 Web 语言的开发框架,它集成了 HTML+CSS3+JavaScript 的 Web 应用框架,具有良好的语义特性... HTML5 的强大功能将改变我们对 Web 开发的看法和方式。

    灰色简单标准个人博客html5模板5431.zip

    这个压缩包文件“灰色简单标准个人博客html5模板5431.zip”包含了一个用于创建个人博客的HTML5...通过理解和自定义模板的HTML5代码,用户可以打造出一个既符合自己审美又具有实用性的在线平台,分享自己的想法和故事。

    灰色简单标准个人博客html5模板_灰色 简单 标准 个人 博客 html5.rar

    综上所述,这个“灰色简单标准个人博客html5模板”利用了HTML5的诸多优势,旨在提供一个简洁、标准的平台,让个人博主可以轻松地发布和分享自己的想法、故事和作品。对于熟悉HTML5、CSS3和JavaScript的用户来说,这...

    我的学校网页期末作业(纯html+css实现)

    这些示例均采用了HTML5和CSS3技术来构建,部分示例还包含了JavaScript以实现更丰富的交互效果。 ### 二、技术要点 #### HTML5 HTML5 是 HTML 的最新版本,它引入了许多新特性,如视频和音频支持、绘图功能、离线...

    html5玻璃上逼真的水珠动画特效.zip

    HTML5是现代网页开发的核心标准,它带来了许多增强用户体验的新特性。这个"html5玻璃上逼真的水珠动画特效.zip"文件就是一...通过研究和理解这些文件,你可以深入理解HTML5的核心技术,并可能激发更多创新的设计想法。

    HTML5 introduction

    HTML5相对于HTML4的主要区别在于它不仅仅是对原有标签的增强,还包括了一些全新的标签和API,使得开发者可以更方便地实现网页的富媒体内容展示、图形绘制、数据存储等复杂功能。比如,HTML5新增了`<video>`和`...

    左侧固定两列HTML5博客模板

    【标题】:“左侧固定两列HTML5博客模板” 在网页设计领域,HTML5是一种现代的、功能丰富的标记语言,用于构建和呈现互联网内容。这个“左侧固定两列HTML5博客模板”是专为博客和个人网站设计的,它强调了布局的...

    基于HTML5和jQuery Mobile的移动学习APP设计与实现.pdf

    HTML5是下一代超文本标记语言标准,它对HTML4进行了扩展和改进,旨在提供更强大的网页功能和更好的用户体验。HTML5引入了许多新特性,如语义化标签(例如、、和),使得网页结构更加清晰;离线存储(Web Storage),...

    仿华为商城部分前端界面html+css+js

    5. 表单验证:在提交订单前,验证用户填写的信息是否完整和正确。 此外,为了提高代码的可维护性和复用性,开发者可能会使用模块化和组件化的开发方式,例如通过ES6的模块语法或引入第三方库(如React、Vue.js等)...

    网站模板5-HTML5个人响应引导模板.zip

    《网站模板5-HTML5个人响应引导模板》 在当今互联网时代,网页设计与开发的重要性不言而喻。一个优秀的网站模板能为个人网站提供良好的基础框架,节省大量的设计和编码时间,同时提升用户体验。本资源——“网站...

    静态html网页 代码

    5. `<div>`是通用容器,可以组合其他元素,常用于布局。 6. `<ul>`和`<ol>`创建无序列表和有序列表,`<li>`定义列表项。 7. `<table>`用于创建表格,`<tr>`定义行,`<th>`定义表头,`<td>`定义单元格。 此外,HTML...

    HTML5特酷图片展示

    HTML5是一种先进的网页标记语言,它在Web开发领域中扮演着重要的角色,特别是在创建互动性和视觉效果丰富的网页内容方面。这个“HTML5特酷图片展示”主题,显然着重于利用HTML5的特性来实现令人惊叹的图片展示效果。...

Global site tag (gtag.js) - Google Analytics