Html5互动网站和html网站有什么区别和优缺点

点击次数：86 发布时间：2021-06-01 16:20:51

Html5已经在市场上诞生好几年，也不算是崭新技术了，但还是有许多用户与网站设计师，不明白传统的Html与Html5的差异点，或是思考投入Html5或是App开发的工作，我们整理了Html5和html的区别有主要有三个：

1、文档宣告区别

HTML：一种纯文本类型的语言。

HTML5.0：HTML5的文档宣告方便书写，精简，有利于程序开发者快速的阅读和开发。没宣告 DOCTYPE 或是宣告一个错误的 DOCTYPE，会造成浏览器无法预期的行为。

早期的html宣告：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html5：

<!DOCTYPE html>

2、在结构语法上

html：没有呈现结构语法化的标签，我们通常都是这样来命名的：<divid="header"></div>；

html5：在语法上却有很大的优势。提供了一些新的html5标签，比如：<header> 、<nav>、<article>、<aside>、<footer>...

3、与html相比，HTML5拥有强大的的新功能

（1）强大的绘图功能

可能有些动画，或者图片，在Html5可以通过强大的绘图功能，加上JS可以实现。而在Html4却不行。尤其是受到网站动画龙头Adobe Flash停止开发之后，Html5成为当今最主流的网站动画技术。

2）新增视频标签

在传统html的时候，我们想要插入一段视频视频，需要引用一长段的代码。但是在html5的情况下。我们只需要用一个video标签即可。

<videosrc="视频网址"></video>

简单来说，html5增加了新标签，功能更多了，是html的升级版。

回到Html5与App之优缺点比较：

1、摆脱对平台的依赖

HTML5可以让你摆脱对特定平台的依赖，用户打开浏览器，直接就可以开启应用程序。若你以App的方式开发，就需要经过各种平台经营商审核资格，获得上架的许可。

2、实时更新

当你的网站完成更新，程序与服务就已经是最新的。但使用App开发需经过平台审核，至少要七个工作日左右的时间才会上架更新。

3、脱机使用

Html5允许用户脱机使用，或只需更新下载少量资料，也可以选择替换部分文件，维护上极为便利。

Html5的缺点

1、兼容性方面：

许多Html5浏览器的支持程度不一，常见的是语法的支持性尚未统一，你预期的视觉画面，在不同浏览器就会看到不一样结果，即使是最新的浏览器，也可能不支持部分Html5的语法。

2、技术门坎方面：

Html5简化开发者工作的同时，代表有许多的属性和API需要程序设计者学习，像web worker、web socket等。

3、性能方面：

某些平台下的核心问题，例如非主流的设备如智能电视、智能投影机、汽车导航上的浏览器，运行Html5的性能就会十分低落。

网站建设