您还未登录! 登录 | 注册 | 帮助  

您的位置: 首页 > 行业资讯 > 正文

HTML 5十大核心优势综述

发表于:2017-03-07 作者:核子可乐译 来源:51CTO 点击数:
目前最具人气的前端开发技术框架是什么?移动至上时代的来临促使越来越多的开发者利用HTML 5开发移动友好型网站。HTML 5的主要优势一直在不断演进,旨在提供足以与原生技术相匹配的功能。

凭借着面向开发者与最终用户的强大及新鲜功能,HTML 5已经被世界各地网站所广泛采用。HTML 5适用于所有现代桌面与移动浏览器,亦可用于移动Web应用的开发工作。

HTML 5的主要优势以及使用理由

1.使用HTML 5有助于消除大部分〈div〉标签并利用语义元素将其替代。设计师现在可以使用更为干净整洁的代码。

2.HTML 5有助于对页面结构拥有更明确的理解。

3.凭借着新型功能与标准,HTML 5能够有效简化前端应用的创建流程——包括使用各类拖拽工具、维基、讨论板以及其它使用性元素。

4.利用Geolocation共享您的当前位置。大家可以使用IP地址、无线网络连接、手机信号塔或者专用GPS硬件以计算来自卫星的经纬度信息,从而完成地理定位。利用新的HTML 5 Geolocation,API将能够将位置信息直接交付至任何兼容HTML 5的Web应用。

H5

5. HTML5提供一套更为智能的解决方案以指定浏览器应当进行缓存的文件。各页面即使在离线状态下亦可得到正确加载。

6.为了缩小cookie大小,HTML 5允许大家利用会话存储与本地存储。另外,这部分结构化数据仅进行临时存储,而非永久存储。

7.HTML 5元素的标准化代码能够提高网页的语义值。通过为headers、nav、footers等指定标签,设计师能够轻松了解整体格式的含义与目的。

8. HTML 5的主要优势包括精致的表单、经过强化的用户界面、降低对JavaScript的依赖性以及HTML原生表单验证机制。

9.利用HTML 5进行网页开发能够带来理想的一致性水平。大家可以轻松了解某一网页的结构并帮助设计师更快加以规划。

10. HTML5拥有包括<video>、<audio>、图表、高质量绘图、动画以及SVG内容整合等多种功能。其可轻松将多媒体与图形内容集成在网页当中,而无需借用Flash以及其它第三方插件。文档的语义值则可通过<section>、<article>、<header>、<nav>等新元素得到进一步填充。

H5

HTML5中的其它一些新功能

  • 引入<figure>元素以将字幕与其图像副本相关联。
  • small>元素代表小型输出; 其可作为信息的正确打包器进行表达。
  • HTML 5完全移除了<type>属性。
  • 是否使用引号完全取决于用户的习惯。
  • <Content editable>允许用户对该元素内的任何文本进行编辑,包括其子文本。
  • HTML5允许将邮件作为输入结果,意味着大家能够要求浏览器仅允许经过确认的电子邮箱地址字符串。
  • HTML 5 Convenience中的占位符与本地存储分组进一步提升便捷性。
  • 能够轻松创建指定输入范围的滑块。

当然,今天的文章只能算是抛砖引玉,HTML 5还有更多激动人心的能力等待您发掘。不要犹豫,马上将其作为您的设计语言吧!

原文标题:Top 10 Major Benefits of HTML 5

原文作者:Parul Sagar

 相关文章