Posts Tagged 'CSS权威指南第三版'

制作一张网页，首先要做的事情，就是通过一定的代码来声明文档的类型并定义其编写语言和版本。这些声明信息可以用标准的通用置标语言SGML来定义。SGML是HTML的元语言，它通常作为DOCTYPE声明出现在网页文档中。类型的定义信息是文档中专属的代码片段，而且在你创建的每一个网页文档中都应该有合适的声明信息。

SGML是ISO组织于1986年发布的ISO8879国际标准，在实际使用中，每一个特定的DTD都定义了一类文件。人们习惯上把具有某一特定dtd的SGML语言，称为某某置标语言，例如用于国际互联网的HTML语言，这样SGML就成为那些派生语言的元语言。

下面是一个过渡型(Transitional)DTD的声明信息，这也是最常用的文档类型，它允许你继续使用HTML4.01的标识，但是要符合XHTML的写法。

看起来有点难以理解，我们可以对它进行详细的解释。首先，

-//W3C//DTD XHTML 1.0 Transitional//EN定义了文档编写语言及其版本的所属机构（W3C），并声明文档的编写规则将遵照XHTML1.0的过渡型DTD，事实上一个DTD简单而言就是一系列可用的元素和属性清单。声明信息的最后是一个链接到DTD的网址，如果在浏览器中打开这个地址，你就可以看到它的庐山真面目了。

有了文档顶部的这些声明信息之后，我们就可以对文档的有效性进行验证了。验证的过程就是用指定的文档类型规则与文档具体编写方法进行对比，如果相互之间没有出入，就不会有任何验证方面的错误了。当然，这也就是我们最终的目标！

一个web文档是遵循一定的逻辑构建的，你必须依据代码编写的语言及其版本，把元素和对象按照规范放置在特定的位置才能产生效果，最终的代码调试也是基于这些规范进行的。创建网页的时候，我们首先要保证整体结构的正确性，然后才能在其中添加文本、图像等实质性的内容。

讽刺的是，大多数从事网站设计的人，往往是在开发完成后通过不断的修改和完善，来改进他们对标记语言的运用方法。web技术的发展日新月异，每时每刻都有针对浏览器和HTML的新元素和特性产生，其中有些提供了翔实的说明，但是也有很多仅仅停留在简单的条目上。还有一点就是，网页中的元素和规范应该在一开始就体现出来，但就算是专业人士也无法保证做到这一点。

这些状况的根源在于，用于编译解析HTML的主要软体是桌面上的浏览器。很长一段时间里，这些浏览器对编写规范中的错误很是宽容，当然在一定程度上也让这些错误延续了很长时间。浏览器之于web技术，有点类似于双刃剑般利弊并存，一方面它们允许也接受HTML语言的发展并随之改进，另一方面它们往往又对功能插件的开发乐此不疲，而对语言基本结构模块缺乏充分的支持。

如何改进这种状况？目前来看只有逐步的把更好的标准规范，赋予给网络浏览器和网站开发软件，以及那些致力于不断完善页面设计的人们，不管他们的出发点是个人的还是专业性质的。

在本章中，我们将学习怎样搭建一个规范的网页模板，并在后续学习内容中加以利用。这张模板页面会设计所有必须的、有用的技术和结构，当然也是能够通过有效性验证的。

网站重建被大家认为是脱胎换骨咸鱼翻身的重要一步，的确如此，重构之后的网站完全换了个样子。可以肯定的是，重构过的网站代码是更漂亮的，体积也更小。如果是英文网站，重构过的网站就可以提交到很多DIV+CSS网站集锦的目录，获得很多额外的链接。

以前大家做网页建网站，大多使用Table来搭建框架、做页面布局。事实上Table只应该在数据是表格形式的时候才会出现。所以说，用Table来做网页布局是个大笑话，很长一段时间以来无辜的表格都在身不由己的扮演着这个冤大头的角色。网站重构可以让网站体积更小，载入浏览速度更快，对改善用户体验也是非常有好处的。

重构网站不但有必要，而且从道理上来说是必须的。搜索引擎可以很方便的绕过这个CSS，而直接抓去div中的内容。这便是div的优势所在。同时重构一个网站要花的精力是惊人的，因为每有一点改进，就要测试不同类型和不同版本浏览器的兼容问题。

本系列教程通过一些针对CSS精挑细选、通俗易懂的实例，你将掌握真正实用的知识和技巧，而不是仅仅停留在理论和口头上。同时你将学习到如何在实际项目中设计出能适应和兼容各类环境和平台的页面，不仅在运行方面得到优化，也能更好的管理其中的图片、视频等元素，从而体验到利用CSS控制站点的整体界面外观和用户友好性：颜色、图像、文本、链接、列表、导航等等。

HTML部分循序渐近的告诉你如何用标签结体化的组织内容,这也正是HTML的责任；而在CSS部分，由浅入深的详细介绍了CSS如何对网页的进行表现的功能，从简单的修饰文字样式，到复杂的页面布局。