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. 【ZOJ】2112 Dynamic Rankings

    树状数组套主席树模板题目. /* 2112 */ #include <iostream> #include <sstream> #include <string> ...

  2. 【HDOJ】4122 Alice's mooncake shop

    RMQ的基础题目,简单题. /* 4122 */ #include <iostream> #include <sstream> #include <string> ...

  3. poj 1080 Human Gene Functions(dp)

    题目:http://poj.org/problem?id=1080 题意:比较两个基因序列,测定它们的相似度,将两个基因排成直线,如果需要的话插入空格,使基因的长度相等,然后根据那个表格计算出相似度. ...

  4. 自适应的CSS代码片段（常用）

    /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 32 ...

  5. MYSQL select时锁定记录问题

    在使用SQL时,大都会遇到这样的问题,你Update一条记录时,需要通过Select来检索出其值或条件,然后在通过这个值来执行修改操作. 但当以上操作放到多线程中并发处理时会出现问题:某线程selec ...

  6. DDraw绘图

    微软已经提供了GDI+绘图方式,但是GDI+绘图较慢,另外微软提供了效率更高的DirectDraw绘图方式.DirectDraw提供硬件加速功能. 首先需要确保电脑上的Ddraw硬件加速功能已经打开, ...

  7. Live555研究之二Sleep实现

    Live555通过一个while循环来不断读取socket,判断是否有连接进来,但是Live555并没有使用Sleep函数来让线程休眠多少毫秒来降低CPU占用率.Live555是通过select函数来 ...

  8. Android_2015-04-07 Android中Intent的使用

    1. 什么是Intent 1.1 Intent是Android程序中各个组件之间进行交互的一种方式,不仅可以指明当前组件想要执行的动作,还可以在不同组件之间传递数据. Intent一般可用于启动活动, ...

  9. <转>SpringMVC与Struts2 比较总结

    原链接:http://blog.csdn.net/chenleixing/article/details/44570681 个人整理: 1.级别不同:SpringMVC :方法  Struts是 类级 ...

  10. DP——最优三角形剖分

    [动态规划]凸多边形最优三角剖分 枚举三角行,再递归三角形旁边的两个多边形.