Web design is 95% typography. ——Oliver Reichenstein 通过前面对于基础页面结构和自定义页面结构这两类元素的介绍，我们知道了在面对设计好的线框图时该如何进行切割，以及在切割之后又该用哪些元素与之对应。但是，以上这些元素负责的只是框架的搭建，如果只有这些框架元素，那么其实页面里是不会显示任何内容的。为了能够将信息传达给用户，那我们还需要对框架进行填充，而在填充的过程中文字便占据着非常重要的地位，这也便是为什么有人会说“Web 设计有95%是关乎排版的”的原因。 Web 页面中的文字和我们写作文时候所写的字非常类似——默认都是从上到下、从左到右这样一行一行地形成像水流一样的布局，因此人们也经常把 Web 页面中这样水流似的文字称为文档流。可以这么说，如果只用段落标签对文字进行分段的话，那么一个只含有文字的 Web 页面，其显示效果和你在记事本里写作时的效果几乎是一模一样的。但显然，这样的纯文字 Web 页面是没有什么丰富的语义可言的，而 HTML 标签的作用恰恰就是为这些文字添加必要的语义。 正如开篇所提到的那样，既然 HTML 原本是用来方便人们共享学术文章的，那么在 HTML 中存在着大量用于修饰文字内容的元素也就不足为奇了。这些不同的元素就如同人们在写作时所使用的各类标点符号。想想看，如果没有标点符号的文章会是什么样子：读者会不知道某个句子是陈述语气还是疑问语气，也不知道其内容是作者所说还是引自别处，当然就更别提应该在哪里断句了——这样的文章只会让人摸不着头脑。况且除了标点符号，我们有时候还会在文档中用下划线、不同的背景色等来突出重点等等，所以为了能够让我们网页中的文字内容也能够更加直观、更加清晰、更容易被理解，我们就需要用含有不同语义的元素来修饰文档流中的各种内容。 a（★★★★★，来自anchor） 除了 a元素（人们…