HTML的发展历程(html学习笔记一)

要构建自己的网站,无论是从兴趣出发还是出于商业考虑,都有必要对HTML有一定的了解,如果你是专注于网站内容或通用的的功能,可以使用很多现在流行的建站软件,例如dedecms,phpcms,wordpress,discuz,phpwind等等,如果你想专注于网站的构建过程,你就必须对HTML有一个很透彻的了解(HTML只是其中之一),在大家的印象里,做网页是一个技术含量很低的事情,但是当你真正想把一个网站建设的有模有样的时候,涉及的技术问题那是相当的多了,HTML是基础中的基础,所以我觉得就从最简单的开始吧,这样也可以慢慢的提高兴趣。其实就算你利用现有的一些建站软件构建站点,也是要做一些修修改改的,没有这方面的基础,也是寸步难行的。
      如果要从HTML下手学习建立网站,就有必要对HTML的发展应用状况做一些了解,这样可以少走弯路,正是因为HTML的简单,所以对HTML的使用是五花八门,甚至有些是滥用。对html的前瞻性应用(例如html5)我想对于初学者,可以不用理会多少,但至少要对目前html的主流使用标准或规范要有一个很清晰的认识,在了解了这些规范后,对照一些大的国内外网站看看,是不是大家都在按照这个标准在做。对html的发展历程了解之后,就可以知道为什么有些html的东西现在很少用,有些html的东西,现在是大家都在用的,技术也是优胜劣汰的过程,如果还对大家已经摈弃的东西专研学习,那就太不值得了,但是可以了解大家为什么不用了,以免自己以后陷入其中的怪圈。
       下面介绍几个有HTML有关的概念,对了解他的发展有一定的帮助,后面再仔细介绍这些概念产生的原因:

  • HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  • XHTML可扩展超文本置标语言(eXtensible HyperText Markup Language,XHTML),是一种置标语言,表现方式与超文本置标语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HTML是一种基于标准通用置标语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展置标语言(XML),XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。

  • WEB标准,这里说的不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C(一个国外的非营利机构)起草和发布。

  • DIV+CSS网页重构,DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。

HTML的由来:至少40年前,设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。这在当时看来是一件多么奇妙的事情。
HTML标准的历史版本:HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

   HTML 3.2——1996年1月14日,W3C推荐标准
   HTML 4.0——1997年12月18日,W3C推荐标准
   HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
   ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准
   XHTML 1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。
   XHTML 1.1, 于2001年5月31日发布 ,(注:此标准经历的十年的使用,说明了它的可用性,不过这些标准的制定都是有外国人制定的,与中国技术界关系不大,从中国目前个人网站的发展可见一斑,缺乏创新的东西)
   (XHTML 2.0, W3C工作草案)

XHTML形成的背景:2000年底,国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTML向XML的过渡。
        从HTML到XHTML过渡的变化比较小,主要是为了适应XML。最大的变化在于文档必须是良构的,所有标签必须闭合,也就是说开始标签要有相应的结束标签。另外,XHTML中所有的标签必须小写。而按照HTML 2.0以来的传统,很多人都是将标签大写,这点两者的差异显著。在XHTML中,所有的参数值,包括数字,必须用双引号括起来(而在SGML和HTML中,引号不是必须的,当内容只是数字、字母及其它允许的特殊字符时,可以不用引号)。所有元素,包括空元素,比如img、br等,也都必须闭合,实现的方式是在开始标签末尾加入斜扛。
      跟CSS(Cascading Style Sheets,层叠式样式表)结合后,XHTML能发挥真正的威力;这使实现样式跟内容的分离的同时,又能有机地组合网页代码。到这里,我们可以看到,XHMTL标准是目前HTML事实上的标准,知识目前大家是按照这个标准做的,至于以后会不会向XML转变,还要有待国外领先技术公司的创新。

WEB标准的内容:它是一系列标准的集合,主要包括以下几个方面:
      结构标准语言:XML是The Extensible Markup Language(可扩展标识语言),XHTML是The Extensible HyperText Markup Language可扩展超文本标识语言。
      表现标准语言:CSS是Cascading Style Sheets层叠样式表
      行为标准:DOM是Document Object Model文档对象模型,ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。

 

DIV+CSS构建网页模式:
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的table布局,真正地达到了w3c内容与表现相分离.
DIV+CSS有下面一些优势:
         1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。

       2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。

    3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
    4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
    5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
    6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。

HTML的发展历程其实更多的介绍的是这些年网页编写技术发展的趋势,总体来说确定我们今后编写网页所使用的开发模式即 div+css,虽然html5和css3的beta版本已经出来了,但是要走向成熟,估计还有很长一段时间,使用成熟的技术总归要稳妥一些,对于新技术的发展,我们也要时刻予以关注,知历史才能观天下。现在国内外很多知名的网站,基本都采用div+css方式构筑网页,这里面html只是构建的网页的框架(也就是结构),具体要如何渲染,还需要后续的css技术来完成。div本来很早以前就已经在html标准中存在,只是在css出来以后,才发挥了无可比拟的作用,但是并不是说,我们只需要了解div标签的使用就可以了,我们还是需要对html的其他标签有一个很深刻的认识,这里涉及到html语义方面的东西,理论上,html里面的内容部分,使用div标签都是可以构造出来了,但是html包含的其他标签还是有它存在的道理的,因为这涉及到更范围广泛的应用,例如手持设备,桌面浏览设备,低版本的一些阅读终端等等,因为html最初的每个标签都是有他的语义的(看到这个标签,就可以知道里面包含的内容的类型),div虽然可以通过其中的id属性名达到这个效果,但是比起直接使用标签效果就差多了,因为这样做有利于搜索引擎的收录。但是个人理解是这样的:既然html最终要向xml发展,网页结构里面包含内容的类型等信息,应该是会通过div标记里面的id属性来获取,这样就有必要建立一套id属性的命名规则,而官方没有发不过这样的规则,只是每个公司在构建css是制定了一套本公司的规则,这降低了html的可读性。总之就目前状况而言,在构建网页的时候,以div+css技术为基础,在能够使用html标签的地方尽量使用html标签,有利于表达标签里面包含内容的语义,下面需要学习的就是具体的html标签的使用细节了。

 

如果您想了解或交流更多的关于这方面的知识,可以访问www.pckc.net 发表您的高见!    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值