Web开发学习心得1——什么是HTMLXHTML

2016-02-19 17:01 22 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Web开发学习心得1——什么是HTMLXHTML,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

  Web世界发现到现在,已经有了一套比较完善的体系,这套体系的基础就是HTML+CSS。

  最初的HTML不仅标记结构,也标记网页如何展现。因此,就出现了如p这样的表示结构的元素与center这样的表示展现的元素混杂的局面。那个时候还没有CSS。

  后来有了专门表示展现的CSS,人们发现,应该把HTML进行一番清洗整理,使HTML只表示结构,而把如何展现的责任完全交给CSS。该设想得到了绝大多数的支持,因此,W3C在1999年末制定了HTML4.01(也是目前的最新版本),该标准对HTML进行了大规模的清洗整理,像font、center等表示结构的元素都被扫地出门。从此,HTML只表示结构,而CSS则全责负责展现。

  然而,事情却没这么简单,有一大批的人习惯于使用旧的HTML进行开发,有一大批的旧式的网页仍然需要得到支持。为了应对这种情况,W3C在HTML4.01下制定了3个文档类型,分别是严格型、过渡型、框架型。

  所谓严格型,就是指完全符合HTML4.01标准的文档类型,在该类型下,所有表示展现的元素都不允许使用,另外,元素嵌套规则等都必须严格符合HTML4.01的标准。在一个文档开头加上如下DOCTYPE类型,即表示该文档是严格型的:

  !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

  所谓过渡型,顾名思义,就是过渡类型的文档,类型的文档并不排斥HTML旧式的元素,在该类型下,你可以使用旧式的元素,也可以使用新的元素。元素之间的嵌套规则等也不严格。在一个文档开头加上如下DOCTYPE类型,即表示该文档是过渡型的:

  !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

  所谓框架型,是指允许包含框架元素的类型,即frameset元素。框架结构的页面现在普遍认为不是一种好的页面结构方式,因此已经很少使用。在一个文档开头加上如下DOCTYPE类型,即表示该文档是框架型的:

  !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

  "http://www.w3.org/TR/html4/frameset.dtd"

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  从以上的描述中,我们知道,W3C推荐的页面模式是严格型的模式,之所以存在过渡型的模式,完全是不得已而为之的权宜之计。设计良好的页面,HTML应只表示结构,而CSS则全责负责展现。且HTML的结构也应该是良构的(什么叫良构的下次再说)。

  相信大家一定听过XHTML吧,但也许并不清楚XHTML、HTML、XML到底是什么关系,下面就来讲讲这个问题。

  首先我们得明白什么是XML,这个我就不多讲了,大家可以参考别的资料。

  在明白了什么是XML之后,我们再回来讨论刚才那个问题。从HTML、XML两者比较发现,它们有一个重要的公共点,即都是标记语言,区别是,HTML是不可扩展的,而XML是可扩展的。下面请大家考虑这样一个问题——HTML文档它是XML文档吗?我们发现不是。原因1,XML区分大小写,而HTML不区分大小写;原因2,XML的元素都是封闭的(即都有结束标签),而HTML的空元素是不封闭的(即没有结束标签,如br,img等);原因3,XML元素的属性值必须带双引号,而HTML没有此规定。于是,人们想了,如果HTML文档是XML文档,那该多好啊,那样的话,所有针对XML的操作,都能用来针对HTML来操作。于是,W3C在2002年发布了XHTML1.0版本,该版本将HTML4.01改造成XML的一个子集,它规定,所有元素都必须使用小写,所有空元素都必须有结束标签,所有属性值都必须带双引号。从此,HTML的发展进入了一个新的阶段,XHTML成为了XML的一个子集。

  理解XHTML是XML的一个子集这点非常重要,像前面说的,理解了这点之后,我们就应该知道,所有针对XML的操作都可以针对XHTML,所以,像XPath,XSLT,Linq to XML等都是可以用来操作XHTML的。

  由于HTML4.01有3种文档类型,相应的,XHTML1.0也有3种文档类型,这里不再赘述。

  顺便说一下,VS2008默认的文档类型是XHTML1.0过渡型的。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  下次将讨论XHTML的块元素、内联元素、div等方面的知识,以及讨论什么是良构的XHTML。

来源:https://www.tulaoshi.com/n/20160219/1613868.html

延伸阅读
Web service到底是什么;在什么情况下你应该使用Web service。 分布式应用程序和浏览器 研究一下当前的应用程序开发,你会发现一个绝对的倾向:人们开始偏爱基于浏览器的瘦客户应用程序。这当然不是因为瘦客户能够提供更好的用户界面,而是因为它能够避免花在桌面应用程序发布上的高成本。发布桌面应用程序成本很高,一半是因为应用程序安装和...
标签: Web开发
HTML为中心的前端开发也差不多是web标准的意思。它们的共同点就在于分离思想。 1、HTML是基础 2、CSS依靠选择符提供视觉; 3、Javascript 依靠HTML事件去驱动行为; 4、DOM提供API修改HTML DOM结构的API给javascript调用; 5、AJAX提供XMLHTTP API建立客户端和服务器端的通信,而且是异步通讯; 6、XHTML是用XML重...
建立Web站点是很困难的。尽管一些核心技术如H T M L很容易掌握,但开发者仍会犯很多错误。这主要是由于开发者经验的欠缺,进程的混乱以及不现实的时间安排所导致的。因为时间的限制和缺乏经验,开发者经常走极端,不考虑后继步骤,而企图一步到位,直接实现。例如,一些Web专业人员直接从外观开始建设站点。用可视化设计工具试着...
标签: Web开发
以下是我开发时碰到的问题以及心得经验,花了些时间调试,贴出来避免大家少走弯路。 1、xml文件尽量以utf-8编码,gb2312有些字是存储不了的,如?,就算能存也需要转换,比较麻烦,utf-8也符合国际规范。 2、CSS中:hover这个伪类,如果放在:visited前面则会失效。 3、a标签如果没有href属性,所有对它的css的伪类如:hover...
标签: Web开发
最近终于有心情把我的CSS重构一下。。由于这种写法的一部分是我自己琢磨出来的,带有偏好的做法。 仅供参考。如果采用后被同事取笑,老板罚款,本人概不负责。 我重构的时候,学习了一些行业标准的做法。主要思路

经验教程

917

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部