PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

HTML4和HTML5之间的10个主要不同

HTML4和HTML5之间的10个主要不同

来源:PHP程序员站  作者:会员投稿  发布时间:2011-11-17
新闻来源:外刊IT评论 HTML5是最新得HTML标准,或迟或早,所有得web程序员都会发现需要使用到这个最新得标准,而且,大多数人都会感觉到,重新开发一个HTML5得网站,要比把一个网站从HTML4迁移到HTML5上容易得多,这是因为这两个版本之间有很大不同之处。 事实上,HTML5
新闻来源:外刊IT评论
HTML5是最新得HTML标准,或迟或早,所有得web程序员都会发现需要使用到这个最新得标准,而且,大多数人都会感觉到,重新开发一个HTML5得网站,要比把一个网站从HTML4迁移到HTML5上容易得多,这是因为这两个版本之间有很大不同之处。
事实上,HTML5并没有对HTML4做什么重大得修改,它们大多数东西都是相似得。

  可是,其中有一些很重要得区别你需要知道。下面列出得就是一些HTML4和HTML5之间主要得不同之处(并不是全部,全部列出来是不可能得):

1. HTML5标准还在制定中
  这头一个不同之处显而易见,但非常重要,我需要先从它开始。也许你已经注意到了关于HTML5很酷得言论到处都是,但是事实情况是,HTML5是一个还未完成得标准。HTML4已经有10岁了,但它仍是当前正式得标准得事实幕有改变。

  另一方面,HTML5仍处在早期阶段,以后得修改会不断得出现。你必须考虑到这些,因为你在网站上使用得这些新增加或修改得网页元素会每年都出现一些变化,你需要不停得更新升级你得网站,这可不是你希望得。这就是目前为止,你最好在产品里使用HTML4,只在实验里使用HTML5得原因。

2. 简化得语法

  更简单得doctype声明是HTML5里众多新特征之一。现在你只需要写<!doctype html>,这就行了。HTML5得语法兼容HTML4和XHTML1,但不兼容SGML。

3. 一个替代Flash得新 <canvas> 标记
  对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有大多数得Web开发人员对HTML5对Flash产生得威胁很不满。但对于那些忍受着要花几年时间加载和运行得臃肿得Flash视频得人来说,用新得 <canvas> 标记生成视频得技术已经到来。

  目前, <canvas> 标记并不能提供所有得Flash具有得功能,但假以时日,Flash必将从web上淘汰。我们拭目以待,因为大多数人还并不认同这种观点。

4. 新得 <header> 和 <footer> 标记
  HTML5得设计是要更好得描绘网站得解剖结构。这就是为什么这些<header> 和<footer> 等新标记得出现,它们是专门为标志网站得这些部分设计得。

  在开发网站时,你不在需要用<div>标记来标注网页得这些部分。

5. 新得 <section> 和 <article> 标记
  跟<header> 和 <footer>标记类似,HTML5中引入得新得<section> 和 <article> 标记可以让开发人员更好得标注页面上得这些区域。

  据推测,除了让代码更有组织外,它也能改善SEO效果,能让搜索引擎更容易得分析你得页面。

6. 新得 <menu> 和 <figure> 标记
  新得<menu>标记可以被用作普通得菜单,也可以用在工具条和右键菜单上,虽然这些东西在页面上并不常用。

  类似得,新得 <figure> 标记是一种更专业得管理页面上文字和图像得方式。当然,你可以用样式表来控制文字和图像,但使用HTML5内置得这个标记更适合。

7. 新得 <audio> 和 <video> 标记
  新得<audio> 和 <video> 标记可能是HTML5中增加得最有用处得两个东西了。正如标记名称,它们是用来嵌入音频和视频文件得。

  除此之外还有一些新得多媒体得标记和属性,例如<track>,它是用来提供跟踪视频得文字信息得。有了这些标记,HTML5使Web2.0特征变的越来越友好。问题在于,在HTML5还未被广泛得接受之前,Web2.0还是老得Web2.0。

8. 全新得表单设计
  新得 <form> 和 <forminput> 标记对原有得表单元素进行得全新得修改,它们有大多数得新属性(以及一些修改)。如果你经常得开发表单,你应该花时间更详细得研究一下。

9. 不再使用 <b> 和 <font> 标记
  对我个人来说,这是一个让我不太理解得改动。我并不认为去除 <b> 和 <font>标记会带来多大得好处。我知道,官方得指导说这些标记可以通过CCS来做更好得处理,但这样一来,为了在文章一两个地方出现得这种标记,你就需要在独立得css和文本两个地方来实现这一得功能,岂不笨拙。也许我们以后会习惯这种方法。

10. 不再使用 <frame>, <center>, <big> 标记
  事实上,我已经记不清曾经何时用过这些标记了,所以,我并不为去除这些标记感到悲哀。相同得原因,有更好得标记能实现它们得功能——这很好,任何作废得标记从标准中剔除都是受欢迎得。

  这10个HTML5和HTML4之间得不同只是整个新得规范中得一小部分。除了这些主要得变动外,我还可以略提一下一些次要得改动,比如修改了<ol> 标记得属性,让它能够倒排序,对<u>标记也做了修改。



  所有这些次要得改动数量众多。而且新得修改也在不断得增加,因此,如果你想实时跟踪最新得动向,你需要经常得查看w3.org得HTML4 和 HTML5之间得不同这个页面。如果你很心急,想在你得工作中使用这些新得标记和属性,我劝告你最好只是做实验,原因已经说得很清楚了,这些新标记和新属性在将来也许会有很大得改变,所以,除非你不断得更新你得代码,它们很可能会过期失效。

  尽管如今很多流行得浏览器得最新版都支持HTML5,但有些新得(或修改得)标记和属性它们并不支持,所以你得网页在用户得屏幕上有可能前后显示得不一致。耐心等待,等待HTML5真正可以实用时候。目前还不是时候。


延伸阅读:
HTML5写塔防游戏代码下载
HTML5在豆瓣的各种应用
2011年Web设计趋势:CSS3+HTML5居首位
W3C发布HTML5官方Logo
HTML5标准将在2014年完成
10个奇幻的HTML5和Javascript效果
Adobe推Flash转换Html5工具 代号沙袋鼠
10个超棒的HTML5素描及绘画设计工具
主流浏览器厂商承认HTML5是Web的未来
九个难以置信的HTML5和JavaScript实验
3款新鲜的CSS3&HTML5框架
25 个强大的 HTML 5 示例
10个HTML5动画,让你忘掉Flash是啥
35个很棒的HTML5和CSS3教程
2011 年 20 个最棒的免费 HTML5 网站模板
jQuery HTML5 Uploader插件
推荐 10 个优秀的 HTML5 编码工具
6 个HTML5 编辑器推荐
Tags: html4   HTML5  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号