网页设计学习XHTML应用小结

在网页开发中，我们通常会遇到一个叫做“标准网页”的概念，它主要是依赖于XHTML和CSS两种技术来构建和呈现的。XHTML主要负责网页的结构和内容的展示，而CSS则用来定义网页的布局和修饰内容样式。对于网页布局来说，一些常见的XHTML标签起着至关重要的作用。

我们来谈谈DIV标签。DIV被广泛用于逻辑上将网页内容进行分块。想象一下一个网页，通常包含头部、导航栏、侧栏、主体内容和版权信息等几个部分。这些部分就可以通过DIV标签来分割。例如，头部的代码可以写成这样：

。值得注意的是，每个id应该是唯一的，也就是说，在同一个页面中，不要重复使用同一个id，否则就应该使用class。

接下来是ul标签，它是无序列表的意思。在XHTML CSS的应用中，ul常常用来表示非结构类的同等元素，需要和它的子元素li配合使用。例如：

除了这些，还有span标签。如果比喻的话，span就像一个灵活的袋子，可以用来对一段或一行元素中的某部分进行单独定义。而相对于其他的块级元素来说，span是一个行内元素。通过在css中定义span为左/右浮动，你可以轻松实现日期和标题的分两侧显示。比如：

• (2006-11-13)XHML CSS布局之XHTML应用小结

这样可以使页面布局更加灵活和多样。除了这些常见的布局标签外，XHTML中还有其他用于显示网页内容的标签，如用于显示图像的" " title="" />标签、用于创建超级链接的标签以及表示页面标题的标签（其中n=1,2,...,6）。这里建议h1到h6的标题重要性依次递减，其中h1是最重要的标题。过去我们常常使用和来表示粗体和斜体效果，但现在更推荐使用和来代替它们。因为这些标签不仅提供了视觉上的效果，更重要的是它们对搜索引擎优化（SEO）更为友好。通过理解并运用这些XHTML标签，我们能够更好地构建和组织网页内容，使页面既美观又易于用户浏览。通过合理的CSS布局设计，我们可以创造出无限可能的网页设计效果。