Html5和Html的区别
作为前端开发的技术人员,必须掌握的技术之一就是Html,其他技术如Css,JavaScript,JQuery等等都是基于Html的,那么Html和今天我们耳熟能详的Html5究竟有什么区别,或者说Html怎么发展到Html5的呢?这次小编带领大家一起了解一下Html5和Html的区别吧!
操作方法
- 01
什么是Html HTMl(HyperText Markup Language): 超文本标记语言,一种纯文本类型的语言。 特点有: 1、可以用来设计网页的标记语言; 2、用该语言编写的文件,以.html或者.htm为后缀; 3、由浏览器解释执行; 4、HTML表面上,可以嵌套用脚本语言编写的程序段,如:VBScript,JavaScript 与第一个纯文本的页面相比,Html页面引入了标签的概念,也是说,Html是文本+标签的形式。
- 02
Html的发展史 纵观HTML发展史,其中发生了许多故事,W3C从XHTML 1.0开始了XML风格的HTML,逐渐摒弃了HTML 4.0的技术。 各大浏览器厂商相继抵制W3C的HTML1.0标准,于2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商成立了WHATWG组织,致力于推动HTML5标准的发展。 W3C不撞南墙不死心,HTML标准发展到XHTML 2.0已经意识到了XML格式的HTML技术很难发展下去,最终妥协与WHATWG一起发展HTML5标准。 就这样HTML5应运而生,推动技术的发展往往是具有普世价值的巨擘企业,不管怎样,HTML5得以顺利发展,有助于Web技术的推广和发展。
- 03
HTML5与HTML的区别 1、文档类型声明 HTML4.01和XHTML1.0: strict模式: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 过渡模式: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 框架集: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> HTML5.0: <!DOCTYPE html> 文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。
- 04
2、结构语义 html4.0:没有体现结构语义化的标签,如: <div id="nav"></div> html5:添加了许多具有语义化的标签,如: <article>、<aside>、<audio>、<bdi>...
- 05
3、HTML5的绘图功能 Canvas:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。 SVG:指可伸缩矢量图形,用于定义网络的基于矢量的图形。