html与html5有何区别?

QQBA18A2F81D 其它 484

没有学过前端的站长朋友们,对于html5可能会不太了解,因此就会有人问“html与html5有什么区别?”下面大兵就来给大家讲讲html与html5有何区别?希望可以帮助大家解决这个问题。

html与html5的区别

什么是HTML和HTML5?

1、什么是html

html是超文本链接标记语言,主要用于静态网页设计、定义不同页面之间的链接、定义网页结构,html语言必须要通过客户端浏览器渲染才可以实现网页效果。
html是网页设计最简单的一种语言,可使用html网页标签设计定义网站结构,用于网页结构构造与内容呈现。

2、什么是html5

html5是html的第五个版本,删除修改了html语言中多个元素,如下图所示:

HTML5中删除或修改了的元素
html5网页设计语言中添加了多个新元素,例如nav、audio、figcaption、progress、command、time、datalist、video、figure、meter、data、section、time、aside、canvas、summary、rp、rt、details、wbr、header、footer、keygen、embed、article、hgroup、bdi、mark、output、source、track、section、ruby等。
随着IT技术的发展,html已经更新了多个版本,目前html语言最新的版本是html5,但html5仍然是标记语言,为传统的html更新增加了多个元素及功能,而且也删除了xhtml中存在的一些严格性,大大提升了用户浏览体验。

html和html5的区别

1、文档类型声明(Doctype声明)
html网页文档声明为:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>//或<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”  “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

html5网页文档声明为:

<!DOCTYPE html>

2)html5支持svg、画布及其它虚拟矢量图形,而在html中,只有将html与Flash、Silver-light等其它技术结合在一起才可以使用矢量图形;
3)html5可使用websql数据库,用于存储网页临时数据,在实际运用一般用于存储web浏览器缓存数据;
4)html5可支持新的表单控件,例如时间表单控件、电子邮件表单控件、数字表单控件、范围表单控件、电话表单控件、网址表单控件、搜索表单控件等;
5)html5可允许视频video、音频audio控件及其它标签,而html5则不允许这些控件;
6)html5的Doctype声明非常简单,而html的Doctype声明就很长很复杂;
7)charset、async、ping属性则是html5语言的一部分,html则不存在这些标签属性;
8)html5提高了对Web应用程序的支持,例如html5允许web浏览器则为应用程序平台运行,不再需要JS或Flash文件,这些因为html5中的元素已经提供了相关功能;
9)html5中<menu>和<menuitem>元素是互动元素成分,但是不经常使用,但此元素可增加web的交互性能。

<body contextmenu=”new-menu”>
<menu id=”new-menu” type=”context”>
<menuitem>Hello!</menuitem>
</menu>
</ body>

例如,使用html5的新元素在网页中插入一首歌曲或一段视频。

<audio src=”song-ogg” controls=”controls”>
这是一首歌
</ audio>

回复

我来回复
  • 暂无回复内容

联系我

平时工作忙:合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:dabingseo@qq.com
工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
个人微信
分享本页
返回顶部