GML、SGML、HTML、XML、XHTML、HTML5

什么是XML?

XML是 EXtensible Markup Language(可扩展标识语言)的简写。
XML和HTML(Hypertext Markup Language 超文本标记语言)一样,同样来源于SGML。

XML与HTML区别:

XML 不是 HTML替代者,只是HTML补充,它的用途完全不同.
XML并不是标记语言。它只是用来创造标记的语言,
XML中的标签不像HTML中的标签是预定义的,是需要自己定义的,
如HTML中table ,body,等这些标签是预定义的,而XML中则完全由自己来定义这些标签。
1、 HTML 是将数据和显示格式混合在一起的,
	是用于以人可直接阅读的格式显示数据。
	如在body,table等这些标签中显示数据,在 HTML 中,
	只能使用这个有限的标签集,因此可显示的信息类型也是有限的。
2、 XML是用来描述、存储和交换数据的,不包含任何的显示格式的信息,
	因此它与数据库功能类似.

什么是SGML?

SGML是一种在Web发明之前就早已存在的用标记来描述文档资料的通用语言。
但SGML十分庞大且难于学习和使用。鉴于此,人们提出了HTML语言。
但SGML太庞大了,学用两难尚且不说,就是全面实现SGML的浏览器也非常困难。
于是Web标准化组织W3C建议使用一种精简的SGML版本——XML。
SGML是XML的前身,由于SGML难理解浏览器支持差等原因被放弃,
XML和HTML都基于SGML。SGML的DTD作为标准被固定下来

什么是DTD?

DTD:文档类型定义(Document Type Definition)是一套关于标记符的语法规则。
中文意思为“文档类定义”。

DTD肩负着两重任务:
一方面它帮助你编写合法的代码,另一方面它让浏览器正确地显示器代码。
如果说你没有使用DTD,你将很难预测浏览器是怎样显示你的代码,
仅仅在同一浏览器就有不同的显示效果。尽管你的网页做得非常飘亮,
要是没有使用DTD,你的努力也是白费的。因此,一个DTD是必不可少的。

HTML与DTD:

1、DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,DTD属于html文件组成的一部分。 

2、DTD:三种文档类型:S(Strict)、T(Transitional)、F(Frameset)。 
①Strict:如果您需要干净的标记,免于表现层的混乱,请使用此类型。
请与层叠样式表(CSS)配合使用 
②Transitional:DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。
如果您的读者使用了不支持层叠样式表(CSS)
的浏览器以至于您不得不使用 HTML 的呈现特性时使用 
③Frameset: DTD 应当被用于带有框架的文档。
除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD

HTML网页模版/DTD有三种类型

第一种:HTML 4.01 Strict DTD(严格的文档类定义)
Strict严格型:在这种XHTML中,结构中不能出现格式或表现的内容:格式标记:<font>、<b>、color属性、background属性
这种类型下,在<body>中只有结构标记,不能出现任何的表现的内容。
对于使用了这类DTD的文档,使用如下文档声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd">


第二种:HTML 4.01 TransitionalDTD(过渡的文档类定义)
Transitional过渡型:在这种XHTML中,结构中可以出现格式标记或表现(CSS)的内容:(用的最多)
能包含已过时的元素和属性但不能包含框架元素。对于使用了这类DTD的文档,使用如下文档声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


第三种:HTML 4.01 FramesetDTD(框架集文档类定义)
Frameset框架型:在这种XHTML中,可以使用框架技术,实现多个网页在一个浏览器窗口中呈现,
<body>和<frameset>不能同时使用,只能二选一
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

标准模式与怪异模式

1、标准模式是指浏览器按W3C标准解析执行代码;
2、怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。

浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关,
DTD声明定义了标准文档的类型(标准模式解析)文档类型,
会使浏览器使用相应的方式加载网页并显示,忽略DTD声明,
将使网页进入怪异模式(quirks mode)。

声明DTD后的标准模式下,IE6不认识!important声明,IE7、IE8、Firefox、Chrome等浏览器认识;
而在未声明DTD的怪异模式中,IE6/7/8都不认识!important声明,这只是区别的一种,还有很多其它区别。
所以,要想写出跨浏览器CSS,最好采用标准模式,即声明DTD模式

如何判断获取现在什么模式
alert(window.top.document.compatMode) ;
1、BackCompat  表示怪异模式
2、CSS1Compat  表示标准模式
【HTML5文档声明】:
到H5 时,文档声明语法为<!DOCTYPE html>,该声明并不是HTML标记。它是向web浏览器发送关于写入页面的HTML版本的指令
【H4对比H5】:
1、在HTML 4.01中,< !DOCTYPE>声明引用DTD,因为HTML 4.01基于SGML。 DTD指定了标记语言的规则,以便浏览器正确地呈现内容。
2、 HTML5 不基于 SGML,所以就不需要对 DTD 引用,但需要 DOCTYPE来规范浏览器行为。
3、在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。
4、DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
5、HTML5 不基于 SGML,所以不需要引用 DTD,因此没有声明DTD。

什么是 XHTML?

官方描述:可扩展超文本标记语言(英语:eXtensible HyperText Markup Language),是一种标记语言,
表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。

通俗理解:XHTML 是以 XML 格式编写的 HTML。

HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,
只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,
XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

XML是可扩展标记语言,用于描绘封装数据,而HTML超文本标记语言用于展示数据,
XHTML就是用XML规则规范的HTML,由于XML语法严格,因此,
XHTML要求:
1、元素被正确嵌套	
2、必须有闭合标签
3、必须小写
4、属性必须有值且用双引号,用ID代替name
XHTML对比HTML:
1、HTML标签不区分大小写XHTML所有标签都必须小写
2、XHTML标签必须成双成对.
3、html对标签顺序要求不严格,XHTML标签顺序必须正确

ML置标语言

对比GML、SGML、HTML、XML、XHTML、HTML5
从这五者的名字中,我们都可以看到 “ML” 这两个字母,所以先从 ML说起。ML即 Markup language置标语言。
根据维基百科的解释,Markup language是用标准的标记来解释纯文本文档的内容,从而提供关于文档结构或文档该如何渲染的信息。
置标语言的发展可以用下图来表示:	

123

对比GML、SGML、HTML、XML、XHTML、HTML5

1、GML 是第一代置标语言,使文档能明确将标示和内容分开,所以文件使用同样的标示方法。
2、SGML 在 GML 的基础上进行整理,形成了一套非常严谨的文件描述方法。它的组成包括语法定义,DTD,文件实例三部分。
SGML 因太严谨规范达500多页,故而不易学、不易用、难以实现,所以在它的基础上又发展出了其他的更易用的置标语言。

3、HTML 是人们抽取了 SGML 的一个微小子集而提取出来的。其早期规范比较松散,但比较易学。
4、XML 也是 SGML 的一个子集,但使用比较严格的模式。
5、XHTML 的出现是因为HTML扩充性不好,内容的表现跟不上时代的变化(如无法表示某些化学符号等),
以及因为性能的问题,官方逐渐趋于严格的模式,所以使用 XML 的严格规则的 XHTML 成了 W3C 计划中 HTML 的替代者。

6、HTML 经过一系列修订,到现在说的 HTML 一般指 HTML 4.01;而现在的 HTML 5 则是 HTML 的第五个修订版,
其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入。而HTML5本身并非技术,而是标准。

它所使用的技术早已很成熟,国内通常所说的html5实际上是html与css3及JavaScript和api等的一个组合,
大概可以用以下公式说明:HTML5≈HTML+CSS3+JavaScript+API.
  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值