HTML4和HTML5之间的九大不同.docVIP

HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。　　　　事实上，HTML5并没有对HTML4做什么重大的修改，它们很多东西都是相似的。　　　　可是，其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部，全部列出来是不可能的)：　　　　1.HTML5标准还在制定中　　　　这头一个不同之处显而易见，但非常重要，我需要先从它开始。也许你已经注意到了关于HTML5很酷的言论到处都是，但是事实情况是，HTML5是一个还未完成的标准。HTML4已经有10岁了，但它仍是当前正式的标准的事实没有改变。　　　　另一方面，HTML5仍处在早期阶段，以后的修改会不断的出现。你必须考虑到这些，因为你在网站上使用的这些新增加或修改的网页元素会每年都出现一些变化，你需要不停的更新升级你的网站，这可不是你希望的。这就是目前为止，你最好在产品里使用HTML4，只在实验里使用HTML5的原因。　　　　更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写!doctypehtml，这就行了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。　　　　2.一个替代Flash的新canvas标记　　　　对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的canvas标记生成视频的技术已经到来。　　　　目前，canvas标记并不能提供所有的Flash具有的功能，但假以时日，Flash必将从web上淘汰。我们拭目以待，因为很多人还并不认同这种观点。　　　　3.新的header和footer标记　　　　HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些header和footer等新标记的出现，它们是专门为标志网站的这些部分设计的。　　　　在开发网站时，你不在需要用div标记来标注网页的这些部分。　　　　4.新的section和article标记　　　　跟header和footer标记类似，HTML5中引入的新的section和article标记可以让开发人员更好的标注页面上的这些区域。　　　　据推测，除了让代码更有组织外，它也能改善SEO效果，能让搜索引擎更容易的分析你的页面。　　　　5.新的menu和figure标记　　　　新的menu标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。　　　　类似的，新的figure标记是一种更专业的管理页面上文字和图像的方式。当然，你可以用样式表来控制文字和图像，但使用HTML5内置的这个标记更适合。　　　　6.新的audio和video标记　　　　新的audio和video标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。　　　　除此之外还有一些新的多媒体的标记和属性，例如track，它是用来提供跟踪视频的文字信息的。有了这些标记，HTML5使Web2.0特征变得越来越友好。问题在于，在HTML5还未被广泛的接受之前，Web2.0还是老的Web2.0。　　　　7.全新的表单设计　　　　新的form和forminput标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改)。如果你经常的开发表单，你应该花时间更详细的研究一下。　　　　8.不再使用b和font标记　　　　对我个人来说，这是一个让我不太理解的改动。我并不认为去除b和font标记会带来多大的好处。我知道，官方的指导说这些标记可以通过CCS来做更好的处理，但这样一来，为了在文章一两个地方出现的这种标记，你就需要在独立的css和文本两个地方来实现这一的功能，岂不笨拙。也许我们以后会习惯这种方法。　　　　9.不再使用frame,center,big标记　　　　事实上，我已经记不清曾经何时用过这些标记了，所以，我并不为去除这些标记感到悲哀。相同的原因，有更好的标记能实现它们的功能——这很好，任何作废的标记从标准中剔除都是受欢迎的。　　　　这9个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外，我还可以略提一下一些次要的改动，比如修改了ol标记的属性，让它能够倒排序，对u标记也做了修改。　　　　所有这些次要的改动数量众