html5与普通的html有什么区别

2019-05-08

最近有一些客户向我提出了疑问,到底html和html5有什么区别呢?所以我决定整理一篇文章来说明一下。

什么是 HTML5?
 
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

下面说说具体点的,不然有些同学不是很能理解的,我们先看看代码

普通html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
html5代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

从上面两段代码不难看出 html5的头定义是简化了很多,包含编码定义,协议的说明。

标签的区别

html5新增了一些标签,如 header,footer,section,video等,这些标签是html不支持的,也是ie8不支持的标签,这些标签用上去ie8会出现差错,因为识别不了这是什么东西。

css3新增了一些特效,如投影,动画,平移,缩放等,这些改变了传统html不支持的属性,往往以前的写法比如写个投影还必须的用图片吧,动画还得写js吧,缩放这些也必须写js才行,这样增加了开发者的工作量。

对于网站的效果而言,如果不看代码,你很难区别html和html5有什么区别。

总结一下就是代码的区别,对于开发者来讲简化了一些效果的写法,也增加了体验性。