会员投稿
RSS订阅摘要： 虽然 HTML 在最初设计时并没有考虑到布局因素，但它已经被破格使用并扩展以尽可能地支持布局编排。今天，HTML 中已经有许多元素——包括标准的和非标准的——能够用于布局控制。它
虽然 HTML 在最初设计时并没有考虑到布局因素，但它已经被破格使用并扩展以尽可能地支持布局编排。今天，HTML 中已经有许多元素——包括标准的和非标准的——能够用于布局控制。它们包括元素的各种 align 值，特定浏览器专有的元素如<spacer>和<multicol>，以及表格。本节介绍用于控制文本和屏幕布局的一些基本 HTML 元素，包括标准的和专有的。应当记住，这些方法最好只用于使用老式浏览器的环境——即不支持 CSS等技术的环境。因为从根本上讲，HTML 所扮演的角色是用于结构，而不是用于显示。
用 HTML 元素对齐文本 在使用 HTML 布局时，首先应当考虑的是用来为页面上的文本和其他对象定位的元素和属性。网页设计者长期倾向于使用<ul>这样的元素来移动屏幕上的文本内容，如下面的例子所示：
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Unordered List Layout</title> </head> <body> <ul> This is indented text </ul> <ul><ul> This text is indented more. </ul></ul> <ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul><ul> This is indented heavily, but may not produce the effect you expect. </ul></ul></ul></ul></ul></ul></ul></ul> </ul></ul></ul></ul></ul></ul></ul></ul> </body> </html> |
许多 HTML 网页开发工具仍然使用这个标记和<blockquote>来在屏幕上移动文本和其他对象。如果你不相信的话，不妨使用一个所见即所得（WYSIWYG）编辑器的缩进（indent）特性，观察所产生的 HTML 代码。请注意，由于用于缩进其实并不是这些标记的本来目的，从而也就无法保证每次使用该元素时缩进的距离精确一致，这个距离会因为浏览器的不同而变化。
图 6-1 用<ul>元素实现文本缩进
另一种基于 HTML 的控制文本布局的方法是使用<pre>标记，正如在第 3 章中所讨论的，任何由<pre>包围起来的文本都保留了其本身的回车、Tab 和空格等格式符。通过<pre>标记的使用，将可能使文本布局符合网页设计者的需要。一般而言，浏览器会把任何预格式化文本的字体转换为固定宽度的字体，如 Courier，这样的字体转换也许并不是我们所想要的。
