美文网首页
HTML5简介

HTML5简介

作者: 克意练习 | 来源:发表于2017-08-03 16:07 被阅读0次

    什么是HTML?

    HTML是用来描述网页的一种语言

    HTML指超文本标记语言(Hyper Text Markup Language)

    HTML不是编程语言,是一种标记语言

    HTML5 的新特性

    ① 语义特性(Semantic)

    HTML5赋予网页更好的意义和结构。

    ② 本地存储特性(OFFLINE & STORAGE)

    基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。

    ③ 设备访问特性 (DEVICE ACCESS)

    从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

    ④ 连接特性(CONNECTIVITY)

    更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

    ⑤ 网页多媒体特性(MULTIMEDIA)

    支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

    ⑥ 三维、图形及特效特性(3D, Graphics & Effects)

    基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

    ⑦ 性能与集成特性(Performance & Integration)

    没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

    HTML5的优点

    网络标准

    HTML5本身是由W3C推荐出来的,它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。换句话说,每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

    多设备跨平台

    用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台非常强大,也是大多数人对HTML5有兴趣的主要原因。

    自适应网页设计

    很早就有人设想,能不能”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)?

    2010年,Ethan

    Marcotte提出了”自适应网页设计“这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。

    这就解决了传统的一种局面——网站为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。

    即时更新

    游戏客户端每次都要更新,很麻烦。可是更新HTML5游戏就好像更新页面一样,是马上的、即时的更新。

    总结概括HTML5有以下优点:

    1、提高可用性和改进用户的友好体验;

    2、有几个新的标签,这将有助于开发人员定义重要的内容;

    3、可以给站点带来更多的多媒体元素(视频和音频);

    4、可以很好的替代FLASH和Silverlight;

    5、当涉及到网站的抓取和索引的时候,对于SEO很友好;

    6、将被大量应用于移动应用程序和游戏。

    5.元素变化

    新的解析顺序新的元素:section, video, progress, nav, meter, time, aside, canvasinput

    元素的新属性:日期和时间,email, url

    新的通用属性:ping, charset, async

    全域属性:id, tabindex, repeat

    移除元素:center, font, strike

    相关文章

      网友评论

          本文标题:HTML5简介

          本文链接:https://www.haomeiwen.com/subject/inuplxtx.html