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:指可伸缩矢量图形,用于定义网络的基于矢量的图形。

(0)

相关推荐

  • 怎么学习 HTML5和css3

    现在很多人都在学习H5和CSS,也有不少学校开一点网页制作课,但是学校的那点课实在无法满足大家的需求.现在最新的最火的网页制作,当属HTML5与CSS3莫属了.想要学习的同学,需要把握以下几点: 操作 ...

  • 会声会影X10/x9/x8版本有什么区别

    会声会影x10全新上线,很多网友都会关心这个版本和之前的版本有什么区别,在之前版本基础上又增加了哪些新功能.下面就来看一下会声会影X10/x9/x8几个版本的区别. 功能 会声会影x10 会声会影x9 ...

  • 微信小程序是什么? 微信小程序和公众号有什么区别

    微信小程序是什么? 简单说,小程序是你手机里安装的各种APP的微信版应用.例如你手机里可能安装了美图秀秀.携程.唱吧.航旅纵横.滴滴.大众点评等APP,来实现你P图.出行.订酒店.预定餐馆等需求,以往 ...

  • HTML5,日期控件使用

    HTML5新增加了很多实用的控件,其中之一就有日期控件.在以前我们要使用日期控件,要用额外的脚本库才行.现在不需要了,直接内置了这个控件,十分方便.下面一起来看下怎么使用这个日期控件. 操作方法 01 ...

  • HTML5是什么?

    HTML5是什么?相信这个问题并不容易回答,大多数人对于HTML5的概念仅仅是听说过而已,非要让他说出个所以然来,结果只能让你失望.相比普及了近十四年的HTML4来说,HTML5带来的震撼其实丝毫不亚 ...

  • html5常用标签使用实例

    很多人可能由于习惯,有时虽然知道html5的新标签语义明晰,但有时依然绕不过弯,想都不想直接用div了.这里了简单介绍一下几个html5中的标签,并做一个简单的样例. 操作方法 01 首先,heade ...

  • iphone4s水货和行货有什么区别,不怕水货

    iphone4s水货和行货有什么区别 为了帮助新手辨别行货与水货,知道的就不用看了(不喜勿喷) 最近各位锋友都买了苹果最新产品4S,但是却不知道货源是否行货还是水货,可能还被卖家忽悠,下面为大家介绍怎 ...

  • 安卓手机水货和行货,翻新机区别在哪里?怎么辨别

    最近朋友想买手机,但不清楚什么是水货行货,其实这个词早就在很久就已经出现了,只是说有塞班时代到安卓时代,水货又多了一些概念。但终归还是不理本宗。其实,在小编看来,水货行货都是好货。关键是得自己会挑,因 ...

  • 360云盘同步版与360云盘之间有什么区别

    问:360云盘同步版和360云盘有什么区别? 答:360云盘同步版和360云盘听起来确实有点绕哦。 360云盘的宣传词是,您的手机U盘,您就可以理解为过去我们用的U盘,可以供你存放资料,和传统U盘所不 ...