营销型网站建设中HTML5与HTML4比较的区别

文章作者:营销型网站建设公司 发布时间:2020-12-09 15:06:22 浏览次数:0

在营销型网站建设过程中,少不了html的应用,2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,这个长达约8年的规范终于正式封稿。过去这些年,HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来,HTML5将颠覆原生APP世界。

HTML5是新的HTML标准,目前多数标准都已经制定,大部分的浏览器也都已经支持HTML5标准。广义的HTML5除了本身的HTML5标签之外,还包含CSS3和JavaScript为了配合css语法,HTML5中架构与网页排版美化方面的标签做了很大的更改,但是基本的标签语法并没有大的改变。

HTML5以HTML4为基础,对HTML4进行了大量的修改。下面简单介绍HTML5对HTML4进行了哪些修改,HTML5与HTML4之间比较大的区别是什么。

html5与html4的区别

1.语法简化

HTML、XHTML的DOCTYPE、html、meta、script等标签,在HTML5中有大幅度的简化。


2.统一网页内嵌多媒体语法

以前在网页中播放多媒体时,需要使用ActiveX或Plug-in的方式来完成,例如,YouTube视频需要安装FlashPlayer,苹果网站的视频则需要安装QuickTimePlay巳hHTML5之后使用<video>或<audio>标签播放视频和音频,不需要再安装额外的外挂了。


3.新增<header>、<footer>、<section>、<article>等语义标签

为了让网页的可读性更高,HTML5增加了<header>、<footer>、<section>、<arctice>等标签,明确表示网页的结构,这样搜索引擎就能轻易抓到网页的重点,对于SEO(SearchEngineOptimization,搜索引擎优化〉有很大的帮助。


4.HTML5废除了一些旧的标签

HTML5新增了一些标签,但是也废除了一些旧标签,大部分是网页美化方面的,例如,<font>、<big>、<u>等。在后面的小节中会列出废除的标签。


5.全新的表单设计

对于网页的程序设计者来说,表单是最常用的功能,在这方面,HTML5做了很大的更改,不但新增了几项新的标签,原来的<form>标签也增加了许多属性。


6.利用<canvas>标签绘制图形

HTML5新增了具有绘图功能的<canvas>标签,利用它可以搭配JavaScript语法在网页上画出线条和图形。


7.提供API开发网页应用程序

为了让网页程序设计者开发网页设计应用程序,HTML5提供了多种API供设计者使用,例如,WebSQLDatabase让设计者可以脱机访问客户端的数据库。当然,要使用这些API,必须熟悉JavaScript语法。

以上7项只是HTML5中较大的更改,有些标签语法的小修改,在以后的章节中会陆续进行说明。卓博科技的营销型网站全部采用html5+css3系列代码制作,符合流行趋势及标准。


版权声明:文章来源于www.zboec.com/jjzs/50.html,转载请注明出处!