HTML4 和 HTML5 的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> 标签
我已经记不得上次是什么时候使用这些标签了。

HTML4 和 HTML5 的10个关键区别

时间: 2024-11-03 20:49:37

HTML4 和 HTML5 的10个关键区别的相关文章

HTML4和HTML5之间10主要差异

HTML5恐怕要让部分网页工作者抓狂了,HTML5将採用标准的XML语法格式,这对代码的规范要求很高. HTML5是最新的HTML标准.尽管还在制定.但或迟或早,全部的web程序猿都会发现须要使用到这个最新的标准.并且,非常多人都会感觉到,又一次开发一个HTML5的站点.要比把一个网 站 从HTML4迁移到HTML5 上easy的多,这是由于这两个版本号之间有非常大不同之处.事 实上,HTML5并没有对HTML4做什 么重大的修改,还保留了大部分HTML4的长处,以至于过度不致于那么困难. 但是

HTML5与HTML4的10个关键区别

HTML5是HTML标准的下一个版本.越来越多的程序员开始HTML5来构建网站.如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多.虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同.本文就列出了它们之间10个关键的不同之处. 1.HTML5标准还在制定中 首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变.HTML4已经10多年了,不会有任何改变了. 2.简化的语

HTML4和HTML5的10个主要不同

HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处. 事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的. 可是,其中有一些很重要的区别你需要知道.下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部,全部列出来是不可能的): 1. HTML5标准还在制定中 这头一个

Html4与Html5的关键区别

HTML5是下一代HTML标准版本,4与5有很多相同之处,有HTML从头构建,比4升级到5要方便. 以下是10个关键区别: 1.HTML5最近很火,但是标准还在制定,4则十年之多了,不会6变: 2.简化声明,如<!DOCTYPE html>: 3.<canvas>标签代替flash,一个标签就能和用户交互,而flash播放器需要一堆代码和插件: 4.明确表明网页结构,新增<header>.<footer>标签(更好体现语义性): 5.新增<sectio

HTML4,HTML5,XHTML 之间有什么区别?

我来从HTML的历史谈谈他们3者的区别. 在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2.0, 3.2直到4.0, 4.01,这些标准大部分都是所谓的retro-spec,即先有实现后有标准.在这种情况下,HTML标准不是很规范,浏览器也对HTML页面中的错误相当宽容.这反过来又导致了HTML作者写出了大量的含有错误的HTML页面.据说,时至今日web上99%的页面都含有HTML错误. W3C随后意识到了这个问题,并认为这是互

HTML5移动开发之路(42)——HTML4与HTML5文档结构比较

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(42)--HTML4与HTML5文档结构比较 一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head> </head> <body> <h1>第一章 小强的HTML5移动开发之路</h1> <h2>1.1 HTM

atitit.html5 vs 原生 app的区别与选择

atitit.html5  vs 原生 app的区别与选择 1. html5的优点 1 1.1. 最大优势::在跨平台(ios苹果,android安卓等) 1 1.2. 开放性 1 1.3. 快速的更新,热更新 2 1.4. 开发成本上 2 1.5. 碎片化 2 2. 原生app 应用的优点 2 2.1. 对游戏等要求性能的app更好 2 2.2. 原生应用最大的优势就是可以访问设备中的所有功能 2 2.3. 对摄像头.电话本,相机,游戏等操作支持的好,对语音,联系人和日历,也支持比较好. 2

黑帽SEO作弊的10大关键手法

黑帽SEO作弊的10大关键手法 我今天分享黑帽SEO的作弊方法,不是让大家去学习怎么做黑帽SEO,而是能够让大家知道什么样的手法是黑帽,知道了我们就可以去避免发生这种情况,下面我会详细的说下常用的黑帽SEO手法. 1.利用高权重网站 大家都知道高权重的网站对于我们站点排名的影响是很大的,那么很多黑帽SEO就会利用这些高权重的网站去做链接,大批量的去做,完全的.单一的关键 词指向.他们的目的就是利用这些高权重网站导出的链接并传递权重,迅速的提升某关键词的排名,当然这样肯定不会长久,但也许这些人就是

云原生应用的10大关键属性

"云原生(Cloud Native)"是用于描述基于容器的环境的术语.云原生技术被用于开发应用程序,这些应用程序是使用容器打包的服务构建的.被部署为微服务.并通过灵活的DevOps流程和持续交付工作流在弹性基础架构上进行管理. 在运维团队手动管理传统应用程序的基础架构资源分配的情况下,云原生应用程序部署在抽象了底层计算.存储和网络原语的基础架构上.处理这种新型应用程序的开发人员和运维人员不直接与基础架构提供商公开的API交互.相反的,编排器会根据DevOps团队制定的策略自动进行资源分