HTML5恐怕要让部分网页工作者抓狂了，HTML5将採用标准的XML语法格式，这对代码的规范要求很高。

HTML5是最新的HTML标准。尽管还在制定。但或迟或早，全部的web程序猿都会发现须要使用到这个最新的标准。并且，非常多人都会感觉到，又一次开发一个HTML5的站点。要比把一个网
站 从HTML4迁移到HTML5 上easy的多，这是由于这两个版本号之间有非常大不同之处。事 实上，HTML5并没有对HTML4做什
么重大的修改，还保留了大部分HTML4的长处，以至于过度不致于那么困难。

但是，当中有一些非常重要的差别须要知道。

以下列出的就是一些HTML4和HTML5之间10个关键的不同之处：

1. HTML5 标准还在制定中

首先要注意的是，HTML5尽管如今非常火，可是HTML5标准还在制定中，标准仍在改变。

HTML4已经10多年了。不会有不论什么改变了。还有一方面，HTML5仍处在早期阶段，以后的改动会不断的出现。这就是眼下为止。最好在产品里使用HTML4，仅仅在实验里使用HTML。



2. 简化的语法

HTML5简化了非常多细微的语法。比如doctype的声明，你仅仅须要写<!doctype html>即可了。HTML5与HTML5，XHTML1兼容，可是与SGML不兼容。



3. <canvas>标签替代Flash

Flash给非常多Web开发人员带来了麻烦。要在网页上播放Flash须要一堆代码和插件。

<canvas>标签使得开发人员仅仅要使用一个标签就 能和用户产生UI交互。

尽管眼下<canvas>标签还不能实现Flash的全部功能，但假以时日，Flash必将从web上淘汰。

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之间10主要差异的更多相关文章

  1. HTML4 和 HTML5 的10个关键区别

    HTML5是HTML标准的下一个版本.越来越多的程序员开始HTML5来构建网站.如果你同时使用HTML4和HTML5的话 ,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多.虽然 ...

  2. HTML4，HTML5，XHTML 之间有什么区别？

    原始日期:2014-10-25 14:12 我来从HTML的历史谈谈他们3者的区别.在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2 ...

  3. ThinkPHP5 与 ThinkPHP3.* 之间的使用差异

    因为研究TP5时间不是很长,暂时先列以下几处差异: 1.过去的单字母函数已完全被替换掉,如下: S=>cache,C=>config,M/D=>model,U=>url,I=& ...

  4. html4,xhtml,html5发展历史

    SGML SGML 是一种很强大但很复杂的标记语言,HTML.XML 就是从中衍生出来的.SGML 的例子如下:<QUOTE TYPE="example"> typic ...

  5. html4与html5的区别及html5的一些新特性

    区别 1.html5语法的改变 HTML5简化了很多细微的语法,例如: 1.1doctype的声明; html4: <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...

  6. Html4与Html5的关键区别

    HTML5是下一代HTML标准版本,4与5有很多相同之处,有HTML从头构建,比4升级到5要方便. 以下是10个关键区别: 1.HTML5最近很火,但是标准还在制定,4则十年之多了,不会6变: 2.简 ...

  7. （html4与html5分别实现）用一个表单向php界面提交不同的命令

    先看上面的表单实例,分别有3个submit,只不过需要根据需要进行选择添加.删除或是修改.现在有两个方案. 方案一: 如果实在HTML4中,可以用下面的代码实现, 即将所有的submit提交到acce ...

  8. C#和java之间的一些差异与共性

    C#与java之间的一些共性和差异整理 隐藏:与java中的重写几乎一致,但是需要添加new关键字让编译器知道,否则会有警告 虚方法:1.声明为virtual的方法就是虚方法,在子类中使用overri ...

  9. HTML4 And HTML5 标签整理

    一.文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容                   <audio> ...

随机推荐

  1. catalan 数——卡特兰数(转)

    Catalan数——卡特兰数 今天阿里淘宝笔试中碰到两道组合数学题,感觉非常亲切,但是笔试中失踪推导不出来后来查了下,原来是Catalan数.悲剧啊,现在整理一下 一.Catalan数的定义令h(1) ...

  2. 最全的Swift社交应用文本输入优化汇总

    在大部分应用中,都有输入的需求,面对众多用户,他们的想法各异,输入的文本内容也是千奇百怪,面对不同的输入,我们该如何优化输入体验?本文将汇总一下Swift社交应用文本输入优化技巧. AD: 一.输入相 ...

  3. Android API中被忽略的几个函数接口

    1. MotionEvent的几个函数 下面的方法都支持多点触摸,即可以对单个触摸点调用下面的方法 1.1 getPressure() 这个api 可以获取到手指触摸屏幕时候的压力,但是需要硬件和驱动 ...

  4. PPS2013校园招聘笔试题

    转载请标明出处,原文地址:http://blog.csdn.net/hackbuteer1/article/details/11473405 一.简答题 (1)一位老师有2个推理能力很强的学生,他告诉 ...

  5. 在ListView中实现排序

    此处介绍的情境是: (1)使用table布局ListView. (2)ListView的数据源是List<T>. (3)排序字段2个(帖子的回复次数和浏览次数),都是int类型. 基本思路 ...

  6. STL之涉及到的算法

    一.非变异算法 是一组不破坏操作数据的模板函数,用来对序列数据进行逐个处理.元素查找.子序列搜索.统计和匹配.非变异算法具有极为广泛的适用性,基本上可应用与各种容器. 1查找容器元素find 它用于查 ...

  7. Swift - 使用导航条和导航条控制器来进行页面切换

    通过使用导航条(UINavigationBar)与导航条控制器(UINavigationController)可以方便的在主页面和多层子页面之间切换.下面通过一个简单“组件效果演示”的小例子来说明如何 ...

  8. 复制文件时，如何显示进度条（使用BlockRead函数读取数据，并插入application.ProcessMessages）

    procedure mycopyfile(sourcef,targetf:string;i:integer); var FromF,ToF:file; NumRead,NumWritten:Integ ...

  9. gtk+blade+anjuta 的简单实例

    gtk+blade+anjuta 的简单实例我的系统 ubuntu 12.04   1>  选择源 不正确会有很多问题,速度慢,找不到安装的软件.163的源就不错 http://mirrors. ...

  10. 从零開始学android&lt;Menu菜单组件.三十.&gt;

    在Android系统之中.菜单一共同拥有三类:选项菜单(OptionsMenu).上下文菜单(ContextMenu)和子菜单(SubMenu). 今天我们就用几个样例来分别介绍下菜单的使用 acti ...