HTML简介

什么是 HTML

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

HTML 指的是超文本标记语言,不是一种编程语言

标记语言是一套标记标签

HTML 使用标记标签来描述网页

什么是 HTML5

HTML5 是下一代的 HTML

HTML5 将成为 HTMLXHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

新特性

HTML5 中的一些有趣的新特性:

新的特殊内容元素,比如 articlefooterheadernavsection

用于绘画的 canvas 元素

影片播放、图形呈现等功能内建于浏览器内,不需要Plugin就能执行

对本地离线存储的更好的支持

. . . . . .

新的特殊内容元素,比如 articlefooterheadernavsection

 在HTML 5中将增加更多的HTML组件,给网页开发者提供更好的,更精确的方式来描述数据对象。请看以下的对比情况:

  该布局的问题是,对于浏览器来说,所有的一切都是一个<div>元素。浏览器将平等对待<div>元素里面的内容,因为他无法进行区分,包括级别标识,比如content, sidebar,footer不同的网站内容各不相同。

  在HTML5中,可以通过以下的方式进行同一个例子的布局:

  这样浏览器就能区分各个部分,页面的主要内容在<article>元素中,导航栏在<nav>元素中等等。除了更清晰 和更符合语意的标记,它还增强了标记的互用性,比如搜索引擎能更精确的确定页面上什么内容比较重要,它可以忽略掉<nav>元素 和<footer>里的内容,因为他们通常不包含页面的重要内容,提高了搜索引擎的效率。

  另外对于页面开发者来说,他们能更简单统计页面的数据,比如统计视频数量时只需在<video>元素里统计就行。对于手持设备等主要进行文章浏览时,可以直接定位到<article>元素中的内容。

用于绘画的 canvas 元素
  到目前为止,基本上想要直接在网页上进行绘图还是不能轻易完成的,即使是几何图形也不可以。在浏览器当中直接能跟图片的交互操作也很有限,多数是保存和点击。如果希望能够跟图片进行更多的操作或者在浏览器当中画出图形,就需要flash, silverlight 这类插件来帮忙。

  HTML5了解人们的需求,HTML5已经确定引入标签,通过canvas/'kænvəs/,用户将可以动态的生成各种图形图像,图表以及动画。

 

影片播放、图形呈现等功能内建于浏览器内,不需要Plugin就能执行

1FlashFLV视频需要通过一个SWF(Shockwave Flash)播放器播放,而这个播放器会调用Flash Player Plug-In来播放影片。

2HTML5M4V影片直接使用<Video>标签即可播放,而播放器是通过JavaScript编写的,一切都是利用浏览器内建功能完成。

对本地离线存储的更好的支持

  基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DBhtml5本地存储最重要的技术之一) 和API说明文档。 

总结概括HTML5有以下优点:

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

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

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

4、可以很好的替代FLASHSilverlight(将给浏览器带来直接在上面绘制矢量图的能力,这意味着用户可以脱离Flash Silverlight,直接在浏览器中显示图形或动画。

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

6、自适应网页设计:“一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout),这样就没有必要为各种尺寸的屏幕重新设计网页。

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

HTML5  VS  Flash

HTML5

优点:1, 影片播放、图形呈现等功能内建于浏览器内,不需要Plugin就能执行。 

       2, 标准开放,程序与美术直接以Code就能写,不需要购买Flash等工具。 

缺点:1, 尚未定案。  

        2, 普及性低。例如IE尚未支持,要到IE9才会支持;但IE9仅支持Vista以上的Windows

Adobe Flash 

优点:1, 内容普及性高:大多数的网络游戏、广告、影片、互动内容都以Flash技术制作。 

       2, 制作容易:Adobe提供的方案对于美术、互动程序等设计者而言易于开发。 

缺点:1, 安全、稳定堪忧:ChromeSafariFirefox都为Plug-in加入Sandbox保护,避免          连带当掉;Flash也经常传出零时差攻击。 

       2, 表现不佳、耗电:虽然只要有硬解,HTML5Flash在影片播放上都不耗费资源。但是游戏跑起来实在非常耗用系统资源,在手机等移动设备上更是耗电。

1,Flash:Youtube上的FLV视频需要通过一个SWF(Shockwave Flash)播放器播放,而这个播放器会调用Flash Player Plug-In来播放影片。

2,HTML5:YouTube上的M4V影片直接使用<Video>标签即可播放,而播放器是通过JavaScript编写的,一切都是利用浏览器内建功能完成。

Flash Player最大的问题是容易假死,想必大家都会在玩游戏,看电影时遇到Flash Player出现问题的情况。之前,只要Flash Player一假死,就会连浏览器都一起死掉。于是各家的浏览器想方法解决了这种情况,但它们做到的只是避免浏览器随Flash Player陪葬而已,要是Flash Player稳定性不提高的话,问题最终还是没有解决。而HTML5利用<Video>标签和JavaScript来播放,不需要任何插件,这样相对稳定很多。

发展趋势

HTML5规范开发完成时,将成为主流。

据统计2013年全球将有10亿手机浏览器支持HTML5,同时HTML Web开发者数量将达到200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。

IDC的调查报告统计,截至20125月,有79%的移动开发商已经决定要在其应有程序中整合HTML5技术。

12月,万维网联盟宣布已经完成对HTML5标准以及Canvas 2D性能草案的制定,这就意味着开发人员将会有一个稳定的“计划和实施”目标。有很多的文章都在号召使用HTML5,并大力宣传它的的好处。


(本文整合多篇文章,作演讲用)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值