博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
好程序员告诉你HTML好在哪里,为什么值得我们学习
阅读量:6218 次
发布时间:2019-06-21

本文共 1992 字,大约阅读时间需要 6 分钟。

好程序员告诉你HTML好在哪里,为什么值得我们学习,HTML5对于用户来说,提高了用户体验,加强了视觉感受。HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要下载客户端或插件就能够观看视频、玩游戏,操作更加简单,用户体验更好。HTML5的视音频新技术解决了移动端苹果和安卓4.0+,对flash的支持问题。在视音频方面,性能表现比flash要更好。网页表现方面,HTML5中的CSS3特效样式、Canvas、webgl的介入,不仅加强了网页的视觉效果,甚至能够使用户在网页当中看到三维立体特效。
  对于开发者来说,HTML5技术跨平台,适配多终端。传统移动终端上的Native App,开发者的研发工作必须针对不同的操作系统进行,成本相对较高。Native App对于用户还存在着管理成本、存储成本以及性能消耗成本。HTML/JavaScript/CSS语言所开发的应用只要一次开发就能进入所有浏览器进行分发。即使是走传统的App Store应用商店渠道,只需要再将底层用HTML5开发的应用“封装”为App,从时间和资金成本上讲远小于跨系统移植。
  对于搜索引擎来说,HTML5新增的标签,使搜索引擎更加容易抓取和索引网页,从而驱动网站获得更多的点击流量。
 一、html5的特性
  语义特性
HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
  本地存储特性(Class: OFFLINE & STORAGE)
  基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。
  设备兼容特性
  从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。
  连接特性
  更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
  网页多媒体特性
  支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。
  三维、图形及特效特性(Class: 3D, Graphics & Effects)
  基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。
  性能与集成特性
  没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性
  在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。
  二、html5的优势
  摆脱对平台的依赖
HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。
  实时更新
  实时更新,通常平台的审核都需要七个工作日左右的时间,如果你发布之后发现问题怎么办?Web方式就不存在这种问题。
  离线使用
  用户可以离线使用,更新下载量及少,可以全部更新,也可以选择替换部分文件。
  代码更安全安全
  使用HTML5,代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题,但现在HTML5可以将Web代码全部加密,本地应用解密后再运行,大大的提供了代码的安全性。
  跨平台
HTML5可以做到跨平台,多数核心代码不用重写,Javascript的代码用得好的话,在许多地方都可以用到,包括移动应用、移动网站、PC网站、各种浏览器插件,甚至可以用WebKit封装作为跨平台的应用程序。诚然,这种方式并非完全跨平台,但这样也足以减少很多工作量了,特别是后期的维护。
  可以充分利用Native
HTML5可以通过浏览器作为中介充分利用Native的好处,比如说可以使用GPS、照相机、本地相册、读取本地联系人,也可以使用推送功能等,最重要的是,某些Web无法实现的功能,我们可以利用Native来实现。

转载地址:http://efmja.baihongyu.com/

你可能感兴趣的文章
常见的设计模式:单例模式、工厂模式、观察者模式、装饰模式与适配器模式...
查看>>
scrapy爬虫成长日记之创建工程-抽取数据-保存为json格式的数据
查看>>
php长链接
查看>>
Ubuntu 下载 & 编译 Android5.1 源码
查看>>
JQuery Easy Ui dataGrid 数据表格
查看>>
利用kseq.h parse fasta/fastq 文件
查看>>
LabVIEW串口通信
查看>>
JavaScript变量和作用域
查看>>
深度学习笔记:优化方法总结(BGD,SGD,Momentum,AdaGrad,RMSProp,Adam)
查看>>
ConEmu配置task的脚本
查看>>
iOS——多线程编程详细解析
查看>>
MySQL mysqlbinlog解析出的SQL语句被注释是怎么回事
查看>>
JAVA中String.format的用法 转16进制,还可以补0
查看>>
.NET Core的依赖注入[1]: 控制反转
查看>>
hive 提取用户第一次浏览/购买 某商品的 时间
查看>>
[ARCH] 1、virtualbox中安装archlinux+i3桌面,并做简单美化
查看>>
MVVM模式下关闭窗口的实现
查看>>
程序员晋级CTO之路的8大准则
查看>>
linux curl 命令详解,以及实例
查看>>
CentOS7 下 keepalived 的安装和配置
查看>>