HTML5是HTML标准的下一个版本号。越来越多的程序猿開始HTML5来构建站点。假设你同一时候使用HTML4和HTML5的话
，你会发现用HTML5从头构建。比从HTML4迁移到HTML5要方便非常多。尽管HTML5没有全然颠覆HTML4，它们还是有非常多相似之处，可是它们 也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。

1. HTML5 标准还在制定中

首先要注意的是，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区别的非常小一部分，很多其它详情请点击官网

140628ls" target="_blank">http://cd.itcast.cn?140628ls后，进入技术论坛专区下载。

html5非常火，他究竟与html4有何差别？的更多相关文章

  1. HTML5学习笔记一：与html4的区别（整合）

    一 语法的改变 1.1 HTML5中标记方法 1.内容类型(ContentType):扩展符仍为“.html”或".htm",内容类型仍是“text/html”. 2.DOCTYP ...

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

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

  3. HTML4 And HTML5 标签整理

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

  4. HTML5 Boilerplate - 让页面有个好的开始

    最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用.   一:HTML5 ...

  5. HTML5定稿

    HTML5定稿了,终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了 本文转载自: http://www.cnblogs.com/tuyile006/p/4103634.html ...

  6. HTML5之美

    如今大热的HTML5到底美在哪里?HTML5到底能为实际的移动开发带来哪些改变?来自阿里云云手机服务运营部的前端开发工程师正邪 (廖健)分享了他眼中的HTML5之美,主要讲诉HTML5的常见原理并从C ...

  7. HTML5定稿了，终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了

    2007 年 W3C (万维网联盟)立项 HTML5,直至 2014 年 10 月底,这个长达八年的规范终于正式封稿. 过去这些年,HTML5 颠覆了 PC 互联网的格局,优化了移动互联网的体验,接下 ...

  8. HTML5 Boilerplate笔记(2)(转)

    最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用.   一:HTML5 ...

  9. HTML5入门以及新标签

    HTML5 学习总结(一)--HTML5入门与新增标签   目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 ...

随机推荐

  1. MAC 上搭建lua环境

    一.下载并安装 (1)最新release版下载地址 http://www.lua.org/ftp/lua-5.3.1.tar.gz (2)编译 Building Lua is implemented ...

  2. 自定义一个compass可编译的目录结构

    在学习compass的过程中, 根绝文档说明,如果使用compass create myObject命令会创建一个标准的Compass项目目录结构,如下图: 此时如果使用compass compile ...

  3. LCA与RMQ

    一.什么是LCA? LCA:Least Common Ancestors(最近公共祖先),对于一棵有根树T的任意两个节点u,v,求出LCA(T, u, v),即离跟最远的节点x,使得x同时是u和v的祖 ...

  4. 【 D3.js 高级系列 — 3.0 】 堆栈图

    堆栈图布局(Stack Layout)能够计算二维数组每一数据层的基线,以方便将各数据层叠加起来.本文讲解堆栈图的制作方法. 先说说什么是堆栈图. 例如,有如下情况: 某公司,销售三种产品:个人电脑. ...

  5. Android学习系列(20)--App数据格式之解析Json

    JSON数据格式,在Android中被广泛运用于客户端和网络(或者说服务器)通信,非常有必要系统的了解学习.     恰逢本人最近对json做了一个简单的学习,特此总结一下,以飨各位.     为了文 ...

  6. Annotation介绍@interface

    Annotation是继承自java.lang.annotation.Annotation的类,用于向程序分析工具或虚拟机提供package class field methed 等方面的信息,它和其 ...

  7. 在cshtml页面中，以‘@’开始的表达式 表示C#语句，会被编译执行

    在原始的Index.html中是正常显示的,然而在现在这个源代码是个cshtml页面: 但是在cshtml页面中,以‘@’开始的表达式 表示C#语句,会被编译执行,会去寻找controller传度给@ ...

  8. How to cancel parallel loops in .NET C# z

    Cancellation token Parallel options CancellationTokenSource cancellationTokenSource = new Cancellati ...

  9. TPL

    namespace TPLTest { public partial class Form1 : Form { public Form1() { InitializeComponent(); } pr ...

  10. HDU 5536 Chip Factory 字典树+贪心

    给你n个数,a1....an,求(ai+aj)^ak最大的值,i不等于j不等于k 思路:先建字典树,暴力i,j每次删除他们,然后贪心找k,再恢复i,j,每次和答案取较大的,就是答案,有关异或的貌似很多 ...