HTML 5和HTML 4的10个关键区别

开发 前端
虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们 也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。

HTML 5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们 也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。

51CTO推荐专题:HTML 5 VS Flash 谁是海贼王?

1. HTML 5 标准还在制定中

首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。

2. 简化的语法

HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。

3. <canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能,但是很快<canvas>就会让 Flash看起来老土,哈哈!

4. 新增 <header> 和 <footer> 标签

HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。

5. 新增 <section> 和 <article> 标签

与<header>, <footer>类似,<section>和<article>也有利于清晰化网页的结构,更有利于SEO。

6. 新增 <menu> 和 <figure> 标签

<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。

7. 新增 <audio> 和 <video> 标签

这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。

8. 全新的表单

HTML5对 <form> 和 <forminput> 标签进行了大量修改,添加了很多新的属性,也修改了很多属性。

9. 删除 <b> 和 <font> 标签

这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是很方便的。

10. 删除 <frame>, <center>, <big> 标签

我已经记不得上次是什么时候使用这些标签了。

以上十点只是HTML5和HTML4差别的很小一部分,最新最全的HTML5-HTML4对比信息请看 http://dev.w3.org/html5/html4-differences/

原文:http://my.oschina.net/zhlmmc

【编辑推荐】

  1.  HTML 5 下一代Web开发标准详解
  2. 技术大牛谈HTML 5设计原理
  3. 10款非常优秀的HTML 5开发工具推荐
  4. 49个超炫的HTML 5示例
  5. 29个非常实用的HTML 5实例、教程和技巧
责任编辑:陈贻新 来源: 虫虫空间
相关推荐

2011-08-23 16:34:58

HTML 5

2020-10-09 11:02:46

HTML5 特性

2011-01-27 13:08:57

HTML5JavascriptWeb

2010-12-30 10:06:29

HTML 5

2012-03-09 09:37:01

HTML 5

2011-10-26 08:51:48

HTML 5

2021-03-01 11:39:34

机器学习深度学习人工智能

2011-12-26 09:48:11

HTML 5

2011-07-14 09:16:10

HTML 5

2012-04-05 13:19:06

WEBHTML5

2021-02-20 22:09:48

Web开发HTML

2021-07-02 10:20:15

HTML前端技巧

2011-05-12 16:45:02

HTML5divsection

2012-03-30 10:23:46

HTML5WEBJS

2013-08-09 11:06:20

HTML5CSS3资源

2020-11-09 08:06:37

HTML技巧上传

2011-11-18 16:09:37

jQuery

2010-08-17 09:41:22

DIVSpan

2011-04-07 11:33:00

HTML 5JavaScript

2011-07-07 09:01:52

HTML 5
点赞
收藏

51CTO技术栈公众号