w3cschool编程狮浅谈:HTML5和HTML的区别

　　对于IT门外汉,没有学过html5大前端的同学们，经常会提问:"HTML5和HTML有什么区别"，要解答这个问题，首先我们要了解什么是HTML5和HTML，带着这两个问题，跟随w3cschool编程狮的步伐，来给你解答这个问题。 

　　什么是HTML5和HTML？

　　HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。【推荐阅读：html参考手册】大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。而HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

　   HTML5跟HTML的相同点：

　　1、都是网页的基础，用来构建Web页面的“骨架” 。

　　2、具有基本相同的标签，如div，form，p等等。

　　HTML5跟HTML的不同：

　　1、 各个浏览器对HTML5的渲染或支持程度不同，但对HTML的支持或渲染已经很稳定 。

　　2、 html5正在发展，相当于于html的升级版本 。

　　3、 html5用户可以编辑网页的部分内容 。

　　4 、html5中元素可以使图像脚本更灵活 。

　　5 、html5中 新的API让页面程序开发更简单 。

　　6 、 html5改进页面表单操作 。

　　7 、html5新增加了很多新的标签，如<header>，<nav>,<footer>,<section>等。

      HTML5新增的特性：

　　1. 新增了一种HTML文档类型：<DOCTYPE html>

　　HTML5不基于SGML之上,因此不需要对DTD进行引用，但是要用doctype（doctype声明位于HTML文档中的第一行，处于 HTML标签之前。告知浏览器的解析器用什么文档解析这个文档。DOCTYPE不存在或是格式不正确会导致文档以兼容模式呈现）来规范浏览器的行为（让浏 览器按照他们应该的方式来运行）。而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

　　2. 新增了一些结构化标记的元素：

　　绘画：canvas;

　　用于媒介回放的video和audio元素；

　　本地离线存储：localStorage，sessiorStorage。

　　语义化更好的内容元素：<header>，<nav>,<footer>,<section>等。

　　表单控制：calendar,date,time,email,url,search。

　　新的技术：webworker,websocket,Geolocation。

　　CSS更像是把多个“矩形”裁剪后，然后拼接成一个图案，然后给图案上色。但是canvas是由点开始，延长无数个点，得到线，延长线之后 得到一个面（三角形，圆形，矩形等等的图案面），然后给线或者面描边，上色。CSS更像是小朋友的手工课，而canvas更像是用一支笔来画图。

　　<header>，<nav>,<footer>,<section>等还有其他的许多标签，这些标签是代码更加的语义化，是阅读代码的人更加的通俗、易懂，是人们学习代码更加的简单方便。

　　audio和video可以说是html5给大家的一个惊喜，虽然以前不管通过flash，还是一些视频，音频插件大家都可以播放媒体文件，但是现在的audio和video更加标准；他不需要使用任何的插件就可以使视频和音频在浏览器上播放。

　　localStorage长期存储数据，浏览器关闭后数据不丢失；sessiorStorage的数据在浏览器关闭后自动删除。

　　以上便是w3cschool编程狮小编为您介绍的html5和html的区别，喜欢这篇文章的朋友，你可以点击文章头部分享按钮，一起跟你的朋友分享这方面的知识吧。