另一个观点是：校验帮助你发现错误的代码，确保你的页面有更一致的表现。校验代码是我调试布局的第一件事，相信你也是。 ok,当你第一次校验你的第一个站点，你很可能需要忍受一下反馈回来的七八十条不可思议的错误信息。不幸的，虽然校验有帮助信息，但并不完美，它只是由一些志愿者维护的。好消息是那些错误是关联的，如果你发现少了一个</p>标签并修正了它，很可能接下来的24个错误都没有了。简言之，看起来校验结果很糟糕，但往往并不是。 现在，你已经通过了校验，你的代码也都符合规范。此时，你坚持了一个严格的指导方针，但是对为什么首先要这样做还缺乏全面的了解。 第三节 下一步是采用良好格式(well-formed)的标识重构你已经建立的文档，剥离那些被越来越多新近的DOCTYPE列为“不赞成”使用的表现层的属性，将它们放在一个单独的文件中。这就是倍受争议的"表现与结构相分离"，这也是为什么CSS受到人们重视的原因。 这样比方：你的文本是内容。内容是完整的，但是没有任何内容结构的提示(比如：空格、节、标题、列表等)，你得到的只是一个杂乱的文本，完全不好用。结构层是额外的，在文档中加个别的元素以传达额外的结构信息，来打破杂乱的文本，使之更有逻辑性、组织性。但是那些元素并不能控制文本的默认外表。例如，你常常发现第一页的标题比正文字体大，这并不是结构的作用。 是"表现层"出现的时候了。表现是格式化的提示，它告诉第一页的标题是红色的，斜体的，字体尺寸是正文字体的150%。表现层是文档结构层以上额外的层。CSS就属于表现层,它可以通过文档上简单的标记，将文档转换成令人惊异的形式--可以访问CSS Zen Garden 看实例。 那么，什么是从结构中分离表现最好的方法？我们拿一段传统代码来说明，其中包含用于提供表现的 HTML元素或属性。是砍掉那些bgcolors和<center>标签的时候了，我们来一个随堂测试： 在下面这段演示代码中，哪些用于表现的属性和标签应该被消除？ <center><h1><font face="Verdana">This is my first web site.</font></h1></center> <table border="0" cellpadding="0" cellspacing="0"> <body bgcolor="#ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <td bgcolor="#ffffff" valign="top" align="center"><p>They're coming to take me away...</p></td> 准备好你的答案了吗？好，正确的结果列在下面，这是干净的没有表现痕迹的结构化的代码： <h1>This is my first web site.</h1> <table> <body> <td><p>They're coming to take me away...</p></td> 就这样？就是这样。 虽然这段代码不明确符合任何一种规范，这样的分离，更大的意义在于使用了正确的元素。使用表格布局则是次要问题，在上面的例子中，使用表格方法不正确，从长远、谨慎的角度考虑应该移去<table>和<td>元素。虽然表格不被赞成使用，但表格依然非常有用，它们可以用在适当的地方--表格排列的数据上。 好，我们已经将格式从我们的页面剥离，万岁！现在还做什么呢？那只剩下一些丑陋的元素，Times-New-Roman字体的文本和线条。一点都不有趣，哪里是我们许诺的生动漂亮的页面？ 回头看Zen Garden的例子，看见可爱的设计了吗？看起来它们是多么不同？关键是：在那些漂亮的设计下面是相同的XHTML，就和你刚才未格式化的文档一样乏味。不对吗？ 事实上，乏味和丑陋却有一个好的基础，你可能已经注意到这个没有格式化的HTML看起来就象1994年的web一样糟糕。除了少数例外，这些元素和web本身一样老，<h2>自从Mosaic浏览器出现那天就有了。 上一页 [1] [2] [3] 下一页
|
