有谁知道html5和css3的优点啊

html-css020

有谁知道html5和css3的优点啊,第1张

HTML5的优点和缺点

W3C 在 HTML 5 proposal 中为 HTML 5 赋予了这样的使命,它将弥补上一代 HTML 的不足,具体说,是实现 Flash, Silverlight, JavaFX 所能实现的功能。 HTML 5,这个 HTML 明日之星是否会改变 Web 应用的游戏规则,是否会让这些富 Web 插件成为历史,InfoWorld 的专栏作家 Paul Krill 为此撰文并作了论述。

HTML 5 的富承诺

Ajaxian 网站的合伙创始人及 Mozilla 开发工具指导员 Dion Almaer 说,在为 Web 提供矢量图形和视频方面,HTML 5 事实上晚了一步。 HTML 5 中,诸如 Canvas 一类的 2D 绘图技术,一直为 Apple, Google, 以及 Mozilla 这类公司所重视(尽管微软也对 HTML 5 的部分功能表示赞赏,但他们至今也不支持 Canvas)。

HTML 5 中,Canvas, 本地存储, Web Workers 一类的功能可以让我们做更多事。另一位Ajaxian 网站的合伙创始人及 Mozilla 开发工具指导员 Ben Galbraith 说,本地存储可以让用户在离线状态下继续使用 Web,而 Web Workers 让下一代 Web 应用中的复杂运算变得轻松,让一些需要很长时间运行的任务在后台运行。

Google Chrome 浏览器 项目经理 Ian Fette 说, Web 应用将变得更有趣,他们会变得更快,会提供更好的用户体验,让在线 Web 应用和桌面应用之间的界限越来越模糊。

HTML 5 的部分功能已经实现

经过5年的工作,HTML 5 细则已于2008年发布,其中的部分细则已经在某些浏览器得以实现,然而 HTML 5 的全部功能仍然不会在近几年内完成。

Mozilla Firefox 项目技术主管 Vlad Vukicevic 说, HTML 5 支持视频,而 Firefox 3.5 也刚刚新加了视频支持,Google Chrome 也支持视频标签,微软在 Internet Explorer 8 中支持某些 HTML 5 功能,如本地存储,AJAX 导航,以及多个 DOM 原型。

Opera 公司的 Web 宣讲人 Molly E. Holzschlag 表示, Opera 支持 Canvas,并计划支持视频。Apple 也在其 Safari 浏览器支持视频和音频标签,以及 Canvas 技术(Canvas 就是苹果发明的)。

HTML 5 的一面: 扔掉那些插件

Almaer 说,尽管 Adobe,微软,SUN (即将成为 Oracle) 这些公司已经分别在 Web 中实现了他们自己的多媒体技术,HTML 5 最终可能抢去他们的饭碗。RedMonk 分析师 Michael Cote 说,本质上,HTML 5 所能做的和这些公司所做的没有区别,JavaFX 也将受到威胁。

HTML 5 细则的合作设计者 Ian Hickson 表示,HTML 5 的目标是将 Web 从那些非开放性富插件中解放出来,他们是独立的提供商,不适合开放的 Web。Hickson 说,使用专门公司的产品对开发的 Web 是一种风险,如果他们停止开发,或开始收费将怎么办?Hickson 补充道,象以前的 Windows 一样,如果我们的主要开发平台控制在单一的供应商手中会是很可怕的。

Firefox 主管 Vukicevic 说,Mozilla 希望保持开放,并保证视频一类的技术不是掌握在某些公司手中,不过 HTML 5 和 Canvas 最终是否能真正取代 Flash,Silverlight 以及 JavaFX,还取决于开发者。Vukicevic 认为,IE8 不支持 HTML 5 的一些功能,对开发者来说是一个问题,鉴于 IE 浏览器到市场份额,开发者要么使用微软的 API 提供额外开发,要么使用 Flash 一类的技术。

插件的一面: 他们更好,而且已经实现了

尽管 Adobe, 微软 以及 SUN 都参与了 HTML 5 细则的制定,他们都表示自己的技术是必要的。HTML 5 仍是一个发展中的标准,可能需要5到10年才能最终完成,因此,现在做比较还为时过早。微软发言人表示,Silverlight 仍有必要存在,因为它包含了一些高级功能,如更好的编程模型, C#,3D 功能以及可以在浏览器之外运行的功能。

Adobe 的开发工具副总裁 Dave Story 表示,HTML 5 面临很多挑战,浏览器市场仍然很零散,浏览器之间的兼容问题非常严重,HTML 5 的时间线显示,最终 HTML 5 + CSS 3 可能要 10年的时间才能定稿,在这期间,Flash 会持续发展,并提供更好的用户体验。

SUN 副总裁,也是被号称为 Java 之父的 James Gosling 表示,JavaFX 在渲染,性能,表现方面比 HTML 5 要优秀得多。

分析师 Cote 表示,目前这些富 Web 插件还没有眼下的威胁,要实现这些插件中的功能还要很多年,他希望即使 HTML 5 发布之后,这些插件技术仍能继续存在。Google 的 Fette 也同意,HTML 5 只是一个起始点,Google 一类的公司还会推出自己的技术,如向 Web 拖放图片的技术。

几家行业巨头将面临抉择

参与 HTML 5 的公司,大多要么是浏览器厂商,要么是富 Web 应用工具开发商,很少二者都是,微软除外,Almaer 说,微软也将因此进入两难境地,微软在 Silverlight 上花了很大力气,Silverlight 团队存在的意义是为浏览器提供增强,如果 HTML 5 轻易实现了,还要 Silverligth 做什么。

Google 也将不得不遇到某些抉择,比如,他们的 Youtube 使用 Flash 实现视频,HTML 5 对视频的支持将让他们重新考虑这个问题,他们需要在成本和效益方面艰难抉择。

什么是html5呢?

html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML4.0+CSS3+JS+API。

hmtl5和html的区别在哪里?

在文档类型声明上

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

html5

 <!DOCTYPE html>

2.在结构语义上

html4.0:没有体现结构语义化的标签,我们通常都是这样来命名的

<div id="header"></div>

html5:在语义上却有很大的优势。提供了一些新的html5标签,比如:

<header> 、<nav>、<article>、<aside>、<footer>..

3.强大的HTML5的新功能

(1)强大的绘图功能

可能有些动画,或者图片,在html5可以通过强大的绘画功能,加上JS可以实现。而在html4.0却不行。

在HTML5中,有两个东西,是可以进行绘图的,我们一起来看看是哪两个神奇的玩意。

1.Canvas标签

Canvas 通过 JavaScript 来绘制 2D 图形,Canvas 是逐像素进行渲染的。

在 canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。

2.SVG

SVG 是一种使用 XML 描述 2D 图形的语言,SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。

与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:

(1)SVG 图像可通过文本编辑器来创建和修改

(2)SVG 图像可被搜索、索引、脚本化或压缩

(3)SVG 是可伸缩的

(4)SVG 图像可在任何的分辨率下被高质量地打印

(5)SVG 可在图像质量不下降的情况下被放大

那么都两者都可以用于绘图,我们一起来看看他们之间有何区别:

Canvas

1.依赖分辨率

2.不支持事件处理器

3.弱的文本渲染能力

4.能够以 .png 或 .jpg 格式保存结果图像

5.最适合图像密集型的游戏,其中的许多对象会被频繁重绘

SVG

1.不依赖分辨率

2.支持事件处理器

3.最适合带有大型渲染区域的应用程序(比如谷歌地图)

4.复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)

5.不适合游戏应用

(2)新增视频标签

可能在html4.0的时候,我们想要插入一段视频,还需要引用一长段的代码。但是在html5的情况下。我们只需要用于一个video标签即可。

 <videosrc="视频地址"></video>

提供这样的标签有什么样的好处呢?

第一:节省程序员写代码的时间。

第二:我觉得最主要还是在SEO的优化上。

不管是我们自己来对网页模块命名,还是有这样的标签。因为做网站最终的目的只有一个,那就是盈利。想盈利的话,就只有通过SEO优化的技术,把你网站排名做上来,这样你的网站才有价值,且正是这一点,html5符合了这一点。为什么这么说呢?因为他定义的这些标签,更加有利于优化,蜘蛛能识别你。

CSS3 对于 CSS2.1 有很多的修改和补充。

css3是CSS2技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在太过庞大且比较复杂,所以,把它分解为一些小的模块。更多新的模块也被加入进来,这些模块包括:盒子模块,列表模块,超链接模块,语言模块,背景和边框,文字特效,多栏布局等.

html5和html的区别:

1.在文档类型声明上

html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

html5:<!doctype html>

在文档声明上,html有很长的一段代码,并且很难记住这段代码,而html5却不同,只有简简单单的声明,这也方便人们的记忆。

2.在结构语义上

html:没有体现结构语义化的标签,通常都是这样来命名的<div id="header"></div>,这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>。

css3相当于软件的版本号而已,跟现在常用的,用法上没什么区别,但是,ie678不支持css3多出了的新属性,css3,在原来基础上增加了很多效果,比如最常见的,圆角,渐变,很多,可以随便去了解下