Web标准在网站开发中的应用.pdfVIP

—————————堑垃生毫坐生堕丝置塾垫垒盘童熊塾』雌值旦建墨童邕——————一 Web标准在网站开发中的应用 吴涛涛 (期北省孝辟l【『4谧月．湖北孝堪，432000) 摘 要 摘要该立阐述了耵c自l鳃制定的聒B标准及其优^．升镕rDIV娟S实现HⅢ自各b褒现分离的技 WEB标准MⅢ的 术，片通过}匕较基十Table布局的传统目Ⅲq基十DTC心S布月的盹B标准日血来艘现7 忧舟，蛙目i$还舟镕r眦组织提供的免费枝验阿址。 关键目WEB标准DIC-_CSS日撕布月 l前言 我们人部分^都有着这样深刻体验：传统喇页制作巾由丁采川表格布局、表现与结构混 杂．使得阿站升级异常困难；当土流浏览器版本升级时，我们刚建立的网站就可能变得过时 而需要重建：当使用手机t阿时，部分阿站代码臃肿浪费了大量带宽而导致网页载^缓慢等。 为了解决这些问题，提高阿站的可Hj性，为网站访问者提供更好的川户体验。w3c标准组纵 提出构建罔站的WEB标准。 WideWeb W3C是英文World Consortium的缩写，是制定网络标准的一个m赢利组织， 目前已制定了包括HTML、Ⅺ【wl，、CSS、)叽等在内的众多web标准。 2 WEB标准 21什么是Web标准 WEB标准是一系列标准的集台。阿页主要由互部分组成：结构(Structure)、表现 HTYm、矧Tn和ⅫL等，表现标准语言主要包括CSS，行为标准主要包括对象模型(如霄3cIDa)、 EClI^Script等。 遵循‰标准的最重要的核心是实现袁现与内弈分离技术。内锌是指n体的信息lF文， 裘现姓指信息的展不形式，如字号、字体菩，如幽l所示。 酎l盹B拓m的表现、#构‘J内存的分离蝌 2 2Web标准的优点 Ⅻ#省气象学会^q镕Ⅻ技术湖n书气象Ⅻ信’，竹息拉术盂垃台 197 呈Q!Q生廑堡主匡缝鱼塞空!坠态氢拯趔!适篮皇值星撞苤銮逾 基于Web标准开发的网站具有如下优点。 (1)页面浏览时下载与页面显示速度更加迅速： (2)改版时基本不需要改变页面内容，后期维护方便： (3)更容易被搜寻引擎搜索到； (4)代码和组件较少，容易维护； (5)能提供完善的打印版本，而不需要专门制作打印页面； (6)网站易用性得到提高： 3DIV+CSS技术 符合Web标准的网站，除了严格按照XHTML进行编码外，核心内容就是要实现表现与内 容的分离，而利用DIV+cSS技术能较好的实现这种思想。 DIV在XHTML的标记为’div’，中文叫以理解为层的概念。简单来说DIV元索是用来 为XHTML文档内大块内容提供布局结构和背景的容器。常用的浏览器如IE、MAXTHON、 方向。 CSS即CascadingStyleSheet(中文称为层叠样式表)，是一种用来表现XIITML或XML 等文件样式的脚本语言。利用CSS技术，不仅可以控制大多数传统的文本格式，还可以有效 地对页面布局、颜色、背景等效果实现精确的控制。 用DIV+CSS技术制作的网站就是在妞T札中只放内容，用CSS控制内容的表现，实现网 页表现和结构的分离，从而减小网页体积，提高网页传输速度。CSS文件可以被所有网页导 入，从而使网页代码更加简洁。网站在维护和更新时只需要修改CSS，就可以改变页面的布 局和外观，让网页的设计与维护更有效率。CSS支持目前使用的大多数浏览器。 4Web标准网页制作 4．1基于Table的网页制作 在传统的网页设计中，我们常用表格来布局，目前很多的网站仍在使用。使用这种方法 可以很容易控制页面元素，并且通过表格嵌套轻而易举实现各种版式布局样式，如图2(a) 所示。但是这种方法存在着如下不足。 (1)在传统的Hq隅4L代码中既有控制结构的标签，如p，又有控制表现的标签，如font， 还有本意用于结构后来被滥用于控制表现的标签，如table。这些结构标签与表现标签混 杂在同一文档中，既不利于源代码的阅读，