xhtml结构化：使用xhtml按标准重构网站

《xhtml结构化：使用xhtml按标准重构网站》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、XHTML结构化：使用XHTML按标准重构网站.我们曾经为本节撰写的标题是：“XHTML:简单的规则，容易的方针。”原因之一是，本节讨论的规则和方针是简单和容易的。原因之二是，一本简单和容易的WEB设计图书，就像超级市场的新式的免费商品一样，虽然常见却可以有效地吸引人的眼球，这样的东西可以刺激人的兴趣，并且鼓励人们尝试。我确实希望本节的内容可以激发你的兴趣，并鼓励你去尝试。为什么这么说呢？因为一旦你掌握了本章包含的简单容易的理念，你就会重新思考网页运作的方式，并开始改变建造它们的方法。然而我并不希望你只是将代码重新改写一边。我

2、希望你可以实实在在地以另一种方式思考和工作。另一方面，重构才是XHTML真正的意义。在本章，我们将研究结构化标记的机制和涵义。如果你正在将网站标准融入你的开发项目，你或许会觉得本章的内容有些熟悉。不过即便是这方面的老手，也会从本章发现意外的收获。XHTML规则概要将传统的HTML转换为XHTML1.0是快捷且无痛的，只要你遵守一些简单的规则和容易的方针。不管是否使用过HTML，都不会妨碍你使用XHTML。使用恰当的文档类型声明和命名空间。使用meta元素声明你的内容类型。使用小写字母书写所有的元素和属性。为所有的属性值加引号。

3、为所有的属性分配值。关闭所有的标签。使用空格和斜线关闭空标签。不要在注释中写双下划线。确保小于号及和号为<和&Unicode和其他字符集XML、XHTML、和HTML4.0文档的默认字符集是Unicode，一个由Unicode联盟定义的标准。Unicode是一套全面的字符集，它为每个字符提供了一个特定的唯一的数字，不论平台、程序和语言。Unicode也是我们拥有的最接近通用字母表的事物，尽管它并不是一个字母表，而是一套数字映射方案。尽管Unicode是web文档默认的字符集，开发人员依然可以自由地选择更适合他们的其他字符集。比

4、方说，美国和西欧的网站常常使用ISO-8859-1(Latin-1)编码，而中华人民共和国的国家标准是gb2312。为表达语义而标记文档，而不是为了样式记住：请最大限度地使用CSS来进行布局。在web标准的世界里，XHTML标记与表现无关，它只与文档结构有关。结构良好的文档可以向浏览器传达尽可能多的语义，不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义，即使是在老的浏览器，或是在被用户关闭了CSS的现代浏览器中。不是每个站点都能立即抛弃HTML表格布局。CSS的发明者，W3C，直到20

5、02年11月才将官方网站转换为CSS布局。然而，即使是顽固的唯标准主义者也不总是将表现从结构中完全分离处理，至少在XHTML1中是做不到的。但是现在，我们可以向这个理想迈出重大的一步，通过将表现从结构中分离（或者说将数据从设计中），即使是混合的传统的布局也可从中受益。下面有一些提示，可以帮助你通过更结构化的方式进行思维：提纲内的色彩在语法学校，我们中的大部分人都被迫使用标准的提纲格式来写文章。现在，我们成为了设计师，可以多么自由地摆脱提纲的限制，然后大胆地投身于独特的个人表达的自由领域（也许我们的宣传册和商业站点还不是那么独特

6、和个人化）。但是至少我们不会再受到提纲的困扰了。实际上，依照HTML，我们应该将内容结构化为有组织的层级。在浏览器不支持CSS的时期，我们无法在交付可供销售的布局的同时做到这一点。但是今天，在将我们的设计不折不扣地实现的同时，我们有能力交付内在结构良好的文档。当你将供网络使用的文本进行标记，或者当你将已有的文本文档转换为网页时，请使用传统提纲的这些条目进行思考。我的主题介绍性文字补充性的观点相关文字同时，避免使用已被废弃的HTML元素比如，或者无语义的元素比如
，来模拟其实不存在的逻辑结构。比如，不要像这样

7、做：我的主题
介绍性文字

补充性的观点
相关文字
根据它们的意义使用元素，而不是根据它们的外观我们中一些人已经陷在了一个坏习惯中，当我们仅仅需要一个大号字的文本时使用h1，或者在我们需要在前面加一个圆点符号时使用li。就像我们在前面的章节讨论过的，浏览器一直都习惯于将设计属性强加于HTML元素之上。我们都一直习惯于认为，h1意味着大号字，而li意味着圆点，或者blockquote意味着文本缩进。我们中的大多数人还在使用结构化元素模拟表现效果的方式来胡乱地写作HTML。同样地

8、，假如设计师希望所有的标题使用相同的字号，她会将所有的标题设置为h1，即使这么做毫无结构化语义可言。这是主标题，在我将文本按照提纲格式组织的情况下。这不是主标题，但是我希望它与上面的标题使用一样的字体，但是我不知该如何使用CSS。这根本不是一个标题。但是我非常希望页面中的文字