HTML4和HTML5之间10主要差异

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,但有些新的(或改动的)标记和属性它们并不支持,所以你的网页在用户的屏幕上有可能前后显示的不一致。但我相信它可以在不久的将来所有的浏览器使用。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

时间: 2024-10-10 11:09:52

HTML4和HTML5之间10主要差异的相关文章

HTML4和HTML5的10个主要不同

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

HTML4 和 HTML5 的10个关键区别

1. HTML5 标准还在制定中首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变.HTML4已经10多年了,不会有任何改变了. 2. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了.HTML5与HTML5,XHTML1兼容,但是与SGML不兼容. 3. <canvas>标签替代FlashFlash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件.<ca

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随后意识到了这个问题,并认为这是互

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

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

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

&lt;监听器模式&gt;在C++ 与 Java 之间实现的差异

前言: 关于各种语言孰优孰劣的讨论在软件界就是个没完没了的话题,今天我决定也来掺和下.不过我想探讨的不是哪种语言的性能如何,钱途如何,而是站在语言本身特性的基础上中肯地比较探讨.因为现在工作用的是C/C++, 以前接触过Java,于是我就以这两门语言作为我的对比语言. 本文目的: 我就以监听器的实现为例演示各自的实现代码,认识下Java与C++的代码风格,看看Java是如何滋润地生活在无指针的环境下,瞄瞄指针在C++中又有如何妙用? 场景设计:         以监听器模式为例,现在有一个Win

html4,xhtml,html5发展历史

SGML SGML 是一种很强大但很复杂的标记语言,HTML.XML 就是从中衍生出来的.SGML 的例子如下:<QUOTE TYPE="example"> typically something like <ITALICS>this</ITALICS> </QUOTE> SGML 最为强大和古老,XML 是 SGML 的一个子集,HTML 最初也试图成为 SGML 的一个子集. 实际上 W3C 下与网页(超文本)相关的标准有两个系列:H

html4 与 html5的区别

1. html5 与html4相比doctype声明进行了简化:h5  <!DOCTYPE html> 2.新增<canvas>标签,将逐渐代替Flash 3.新增<header><footer><article><nav><section>,使网页结构更明显 4.新增<menu><figure> 5.新增<audio><video>,一个加载音频,后者加载视频 contro

HTML5 常用10款优秀的工具

HTML5发展如火如荼,随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟,未来HTML5必将改变我们创建Web应用程序的方式.今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写HTML5应用. 1.Initializr Initializr是制作HTML5网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr会为你生成代码简洁的可定制的网页模板. 2.HTML5demos 想知道你的浏览器是否支持HTML5