本篇文章信途科技给大家谈谈HTML4,以及html4和html5区别对应的知识点,希望对各位有所帮助,不要忘了收藏本站。
html5和html4有什么区别?
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
标签
10.
删除
frame,
center,
big
标签
以上十点只是HTML5和HTML4差别的很小一部分。
HTML4,HTML5,XHTML之间有什么区别?
HTML4是html标准中比较成熟的一个版本,使用时间比较长,也是现今大部分网页遵循的标准。
为了规范HTML,结合XML制定了XHTML1.0标准,这个标准没有增加任何新的tag,只是按照XML的要求来规范HTML,形成了XHTML。也就是说,XHTML是能满足XML要求的HTML。
HTML5是html标准中现今的最新标准,可能会觉得HTML5没什么特殊的地方,值得这么久去制定么,不过要是了解到现在浏览器技术,JavaScript,CSS中各种新技术的不断涌现或者说杂乱无章,就明白要把它们统一并兼容是多么的困难。
html4和html5的区别
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差别的很小一部分,最新最全的HTML5-HTML4对比信息请看
http://dev.w3.org/html5/html4-differences/
HTML4和HTML5之间有哪些区别?
HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。
事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。
可是,其中有一些很重要的区别需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部,全部列出来是不可能的):
1. HTML5标准还在制定中
这头一个不同之处显而易见,但非常重要,我需要先从它开始。也许已经注意到了关于HTML5很酷的言论到处都是,但是事实情况是,HTML5是一个还未完成的标准。HTML4已经有10岁了,但它仍是当前正式的标准的事实没有改变。
另一方面,HTML5仍处在早期阶段,以后的修改会不断的出现。必须考虑到这些,因为在网站上使用的这些新增加或修改的网页元素会每年都出现一些变化,需要不停的更新升级网站,这可不是希望的。这就是目前为止,最好在产品里使用HTML4,只在实验里使用HTML5的原因。
2. 简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在只需要写!doctype html,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。
3. 一个替代Flash的新 canvas 标记
对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说,用新的 canvas 标记生成视频的技术已经到来。
目前, canvas 标记并不能提供所有的Flash具有的功能,但假以时日,Flash必将从web上淘汰。我们拭目以待,因为很多人还并不认同这种观点。
4. 新的 header 和 footer 标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些header 和
footer 等新标记的出现,它们是专门为标志网站的这些部分设计的。
在开发网站时,不在需要用div标记来标注网页的这些部分。
5. 新的 section 和 article 标记
跟header 和 footer标记类似,HTML5中引入的新的section 和 article 标记可以让开发人员更好的标注页面上的这些区域。
据推测,除了让代码更有组织外,它也能改善SEO效果,能让搜索引擎更容易的分析的页面。
6. 新的 menu 和 figure 标记
新的menu标记可以被用作普通的菜单,也可以用在工具条和右键菜单上,虽然这些东西在页面上并不常用。
类似的,新的 figure 标记是一种更专业的管理页面上文字和图像的方式。当然,可以用样式表来控制文字和图像,但使用HTML5内置的这个标记更适合。
7. 新的 audio 和 video 标记
新的audio 和 video 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称,它们是用来嵌入音频和视频文件的。
除此之外还有一些新的多媒体的标记和属性,例如track,它是用来提供跟踪视频的文字信息的。有了这些标记,HTML5使Web2.0特征变得越来越友好。问题在于,在HTML5还未被广泛的接受之前,Web2.0还是老的Web2.0。
8. 全新的表单设计
新的 form 和 forminput 标记对原有的表单元素进行的全新的修改,它们有很多的新属性(以及一些修改)。如果经常的开发表单,应该花时间更详细的研究一下。
9. 不再使用 b 和 font 标记
这是一个让我不太理解的改动。不认为去除 b 和 font标记会带来多大的好处。官方的指导说这些标记可以通过CCS来做更好的处理,但这样一来,为了在文章一两个地方出现的这种标记,就需要在独立的css和文本两个地方来实现这一的功能,岂不笨拙。也许我们以后会习惯这种方法。
10. 不再使用 frame, center, big 标记
事实上,我已经记不清曾经何时用过这些标记了,所以,我并不为去除这些标记感到悲哀。相同的原因,有更好的标记能实现它们的功能——这很好,任何作废的标记从标准中剔除都是受欢迎的。
这10个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外,我还可以略提一下一些次要的改动,比如修改了ol 标记的属性,让它能够倒排序,对u标记也做了修改。
所有这些次要的改动数量众多。而且新的修改也在不断的增加,因此,如果想实时跟踪最新的动向,需要经常的查看w3.org的HTML4 和 HTML5之间的不同这个页面。如果很心急,想在工作中使用这些新的标记和属性,最好只是做实验,原因已经说的很清楚了,这些新标记和新属性在将来也许会有很大的改变,所以,不断的更新的代码,它们很可能会过期失效。
尽管如今大多数流行的浏览器的最新版都支持HTML5,但有些新的(或修改的)标记和属性它们并不支持,所以网页在用户的屏幕上有可能前后显示的不一致。耐心等待,等待HTML5真正可以实用时候。目前还不是时候。
在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题?
一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的Web应用程序),很可能在另一个浏览器上不能显示或显示效果不一致;
二是文档结构描述的问题。HTML4之前的各版本中,HTML文档的结构一般用div元素描述,文档元素的结构含义不够清晰;
三是使用HTML+CSS+JavaScript开发Web应用程序时,开发功能受到很大的限制,比如本地数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验。
html4和html5有什么区别?
pHTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。/pp1.HTML5标准还在制定中/pp首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。/pp2.简化的语法/ppHTML5简化了很多细微的语法,例如doctype的声明,你只需要写 !doctype html 就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。/pp3. canvas 标签替代Flash/ppFlash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。 canvas 标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前 canvas 标签还不能实现Flash的所有功能,但是很快 canvas 就会让Flash看起来老土,哈哈!/pp4.新增 header 和 footer 标签/ppHTML5设计的一个原则是更好的体现网站的语义性,所以增加了 header 和 footer 这样的标签,用来明确表示网页的结构。/pp5.新增 section 和 article 标签/pp与 header , footer 类似, section 和 article 也有利于清晰化网页的结构,更有利于SEO。/pp6.新增 menu 和 figure 标签/pp menu 可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。 figure 标签使得网页文字和图片的排版更专业。/pp7.新增 audio和 video 标签/pp这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。/pp8.全新的表单/ppHTML5对 form 和 forminput 标签进行了大量修改,添加了很多新的属性,也修改了很多属性。/pp9.删除 b 和 font 标签/pp这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是很方便的。/pp10.删除 frame , center , big 标签/pp我已经记不得上次是什么时候使用这些标签了。/pp以上十点只是HTML5和HTML4差别的很小一部分,最新最全的HTML5-HTML4对比信息请查阅相关资料
html4.0和html5.0的实质一样吗?
HTML4有些元素在HTML5里不支持 了
HTML5里新加了HTML4里没有的元素
HTML4的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html4和html5区别、HTML4的信息别忘了在本站信途科技进行查找。