vlambda博客
学习文章列表

HTML与HTML5到底有什么区别

HTML和HTML5的区别
1
文档声明区别


HTML5:<!DOCTYPE html>

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1TD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">


HTML与HTML5到底有什么区别


2
在结构语义上不同




HTML5:在语义上有很大的优势,并且是提供了一些新的标签,例如:<header> <article> <footer>这些标签。

HTML:没有体现结构语义化的标签,通常都是这样来命名的<div  id="header"></div>,这样是表示网站的一个头部。

HTML与HTML5到底有什么区别
3
绘图区别


HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。

HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

HTML与HTML5到底有什么区别


HTML与HTML5到底有什么区别
HTML5优缺点
HTML与HTML5到底有什么区别
HTML5优点




HTML5增加了许多新的元素和功能,比如:用于绘画的 canvas 元素、用于媒介回放的video和audio元素、对本地离线存储的更好的支持、语意化更好的内容元素,比如 article、footer、header、nav、section、新的表单控件,比如 calendar、date、time、email、url、search。HTML5手机应用的最大优势就是可以在网页上直接调试和修改。HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。

HTML5缺点




许多特性各种浏览器的支持程度不一样,HTML5简化开发者工

作的同时,代表有许多的属性和API需要开发者学习,像web worker、web socket等

HTML与HTML5到底有什么区别
HTML优缺点

优点:开发过程中前端与后端脱离,交互通过 JSON

传输来实现,跨平台能力更强,依托于浏览器的支持                                 
缺点:开发难度大,考虑浏览器的兼容性, 无法直接显示java实体类对象,需要转换为json格式