摘 要:HTML是互联网上应用最广泛的语言,得到了业界大力支持,已经成为WEB发展的标准。它强大了对多媒体的支持力度和远程与本地对数据的处理能力,本文对HTML5的新特性进行了总结,分析了该语言在移动端的运用优势。

关键词:HTML5;WEB开发

HTML超级文本标记语言是Hyper Text Markup Language的缩写,结构包括头(head)部分、主体(body)部分,头部分提供网页的相关信息,主体部分包括网页显示的具体内容。Html5是超文本标记语言的第五次重大修改,万维网联盟在2014年10月29日宣布该标准规范制定完成,其主要目的是要将互联网语义化,以便能更好地被用户和机器理解,并提供更强大的各类媒体的支持能力,当上所有主流浏览器如Firefox、Ie9、Safari、Chrome等均支持该标准。

一、HTML5新增特性

相较于之前的HTML4,HTML5新增加了一些运用规则,这些规则基于HTML、CSS、DOM以及JavaScript,在错误处理方面得到了提升,同时减少了对外部插件的需要,新增了一些语议化的标签,对于移动设备而言更适宜。HTML5在网页表达和应用上更能满足开发人员的需求,新增加了一些特殊的内容元素,如article、footer、header、nav、section,新的表单控件,如calendar、date、time、email、url、search,更支持音频的video和audio元素,用于绘画的canvas元素,结合JavaScript语言更好地支持用户本地离线存储。

HTML5文件在第一行的声明文档中更简洁,声明方式只需如下代码,之前多行的声明方式将失效:

在网页文件中添加CSS和JavaScript 文件无需再link时添加Type属性指定文件类型,代码简化如下:

在声明文件的”header”和”footer”部分时,不需再用DIV标签来引导,可直接引用和标签。对图片进行文字注释时,之前习惯用alt属性,这种表述方式没有将文字和图片内联,利用HTML5引入的元素结合,将原来的代码放进其中,就可以语义化地将注释和图片联系起来。

HTML5极大的提高了对多媒体元素的支持,以前在浏览网页时,如遇有音视频,网页就会提示用户安装各类插件,在换用另一个浏览器访问时,又需重新下载安装插件。这些插件给WEB访问用户带来不便时还存在安全隐患。HTML5引入的和多媒体标签可以很方便地把音频、视频、动画等元素直接导入网页文件中,整个过程不需要用户安装第三方插件,只要浏览器支持HTML5技术,访问用户就可正常观看音视频。

用户想要直接在网页上进行绘图在HTML5之前是无法实现的,标签可以融合JavaScript代码实现该功能。标签脚本语言动态渲染位图,由HTML代码来提供一个可绘制区域的高度和宽度,脚本语言可以访问该区域,通过一套完整的绘图功能生成动态图形。标签未来在游戏、banner广告、远程计算机控制、模拟器等方面的运用将潜力无限。

WEB一直以来都没有实现过真正的本地存储,虽然在页面访问后浏览器会保留少量的cookie,但从数据量和时效性等方面都完全不能和原生应用相较。HTML5新增了Web Storage功能,它能为每个网站提供更多的缓存数据和访问速度,并得到主流浏览器的支持。

富互联网的深入应用,用户随时都需要查找身边的商铺,这就需要结合自身地理位置的准确定位,谷歌地图和百度地图都有提供定位的功能,但这种方式存在地理误差,不法适应移动设备。HTML5 Geolocation API(地理位置应用程序接口)可以获取基于浏览器的当前用户地理位置,使用方法也非常简单,只需要使用地理数据的WEB程序中插入就可实现功能扩展。

二、HTML5在移动端的应用

随着移动互联网的发展,手机上网成为最大的网络群体,生活被各类手机应用程序所改变,在设备硬件支撑能力有限,功能需要越来越大,应用程序越来越复杂的环境下,移动应用程序成为开发人员的转战方向。

WEB浏览的运行环境是浏览器,移动端的WEB可以运行在移动浏览器上,也可运行在各种框架上。移动浏览器是系统自带的,不需要发布,随着系统升级而更新,而移动JavaScript框架则解决了交互集成和Touch问题,降低开发门槛,适合快速开发。

三、结语

HTML5伴随着争议而生,但又以强大的实力征服各应用领域,它正在改变着WEB。在APP充斥的互联网世界里,相信HTML5技术提供的移动WEB应用将引导互联网应用产业良性发展。

HTML5的web开发,基于Html5技术的WEB开发相关推荐

  1. PHP是脚本语言 因此不能通过浏览器运行,SQL_基于ASP技术的Web数据库应用开发

    基于ASP技术的Web数据库应用开发 第一节 Web数据库解决方案 一.Web数据库访问过程 Web数据库访问过程如下图: 可以将上述过程分为四步: 1.在浏览器地址栏输入http://mynetse ...

  2. 基于Java技术的Web环境下分布式数据库互操作性的实现

                作者:李炽明 莫倩 徐明 1 JDBC工作原理 JDBC(Java Database Connectivity)是1个Sun公司注册了的商标,代表用来执行SQL语句的Java语 ...

  3. html5脑图_基于HTML5的三维思维导图软件开发技术研究

    龙源期刊网 http://www.qikan.com.cn 基于 HTML5 的三维思维导图软件开发技术 研究 作者:汪升华 唐国纯 来源:<软件工程> 2017 年第 10 期 摘 要: ...

  4. 前端入门:快速开发基于 HTML5 网络拓扑图应用

    计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点.线关系的方法.把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网络的拓扑结构.网络的拓扑结构 ...

  5. 快速开发基于 HTML5 网络拓扑图应用--入门篇(一)

    2019独角兽企业重金招聘Python工程师标准>>> 计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点.线关系的方法.把网络中的计算机和通信设备抽象为一个点,把传输介质抽 ...

  6. html5的网络拓扑图,基于 HTML5 网络拓扑图的快速开发之入门篇(一)

    前言 计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点.线关系的方法.把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网络的拓扑结构.网络的拓 ...

  7. html5做动画视频教程,基于HTML5的Flash动画开发视频教程

    (xuehui@TLF) Lynda.com 出品的时长3小时16分的基于HTML5的Flash动画开发视频教程.由Lee Brimelow演示了Flash开发人员在浏览器中利用HTML5,CSS或其 ...

  8. 基于html的策略类游戏开发,基于HTML5的即时战略游戏的设计与实现

    摘要: 随着近年Html5技术的逐渐兴起,Web技术变得越来越强大,能做的事情也越来越多.以前Web技术主要运用在建设网站等方面,现在随着Canvas和WebGL技术的出现,越来越多的开发者开始运用H ...

  9. html5 plus与vue,基于Html5 Plus + Vue + Mui 移动App 开发(二)

    基于Html5 Plus + Vue + Mui 移动App 开发(二) 界面效果: 本页面采用Html5 Plus + Vue + Mui 开发移动界面,本页面实现: 1.下拉刷新.上拉获取更多功能 ...

  10. 基于JAVA技术的WEB网管软件开发方案

    2019独角兽企业重金招聘Python工程师标准>>> 随着Web/Java技术的成熟及其在Internet上的广泛应用,网络管理技术和模式迎来了又一次革命.在网络管理领域,通过We ...

最新文章

  1. 评审恩仇录——IDE也能做代码评审?
  2. 浅谈如何搭建知识体系
  3. 海量数据,海明距离高效检索(smlar)
  4. android实现类似于支付宝余额快速闪动的效果
  5. 播放2.0:Akka,Rest,Json和依赖项
  6. C# 获取对象 大小 Marshal.SizeOf (sizeof 只能在不安全的上下文中使用)
  7. springMvc 传子 bean 中有bean
  8. redis和mysql数据不一致_高并发下为什么 redis 和数据库不一致?怎么解决?
  9. Excel VBA 重要参考(原始的VBA代码)
  10. css grid随页面大小_前端开发中各种设置CSS间距的优点缺点及实例「实践」
  11. JAVA-初步认识-第八章-数组工具类中静态的使用
  12. BulletedList控件[转载]
  13. JSP指令、动作和对象
  14. java软件工程师自我评价_Java工程师自我评价如何写?
  15. 学以致用深入浅出数字信号处理 pdf_数字阵列雷达:零中频接收机的优缺点
  16. 【题解】P5369 [PKUSC2018]最大前缀和(状压 DP)
  17. Namecheap共享虚拟主机使用体验
  18. Spring关于AOP配置举例(注解方式)
  19. 2021年全球望远镜收入大约1161.6百万美元,预计2028年达到1275百万美元
  20. 简单对应分析案例《好评数据分析》

热门文章

  1. Base 6 FAQ v8
  2. 当剩下最后一颗×××时,各国军人的表现!
  3. 使用PL/SQL Developer给Oracle生成漂亮的数据库说明文档
  4. HGAT-用于半监督短文本分类的异构图注意力网络
  5. 【Bootstrap】 bootstrap-table表格组件
  6. C#进阶系列——一步一步封装自己的HtmlHelper组件:BootstrapHelper(三:附源码)...
  7. 让Kubernetes成为数据中心操作系统的一等公民
  8. Spring常用注解汇总
  9. 廖雪峰JS教程学习记录----Map和Set
  10. 精通 R plot—第1部分:颜色,图例和线