网站的关键注意空格

来源：合肥天琥设计培训学校时间：2018/10/30 9:41:31

非间断空格(nbsp)并非HTML中可用的唯一一种空格字符。全角空格(em space)和字体等宽，能够形成一个完美的方形分隔符。半角空格(en space)的宽度是它的1/2。表格式文本当中最有用的是数字式空格(figure space)，和字体中的数字占据相同大小的空间;而标点式空格(punctuation space)与点、逗号的宽度相等;薄空格(thin space)可以在人名缩写中的点和下一个字母之间使用，而发丝式空格(hair space)可以将长破折号与相邻的字符分开。还有3倍、4倍、6倍于每全角宽度的空格…

对于阅读体验而言，字符之间与内部的间距与字符本身同样重要。正确的层次结构是字距<词距<行距。应避免在字母之间添加空格，这会令单词隔开并影响可读性。增加字距只能保证对字号很小的文本产生影响。与之相对的是显示尺寸常常受益于紧密的排列，但同样要适度。

分散对齐会对文本的外观产生不利的影响。在对齐文本使之适应行宽的时，词距被扩大，长短不一的空白分散在文本行当中。这令文本的外观变得不均衡，某些文本行中甚至会产生难看的间隔。左对齐/右未对是更易于阅读的排列方式。

除了字距和词距以外，行距一样会影响可读性。过于拥挤的文本行会令文本变得不易分辨。反面来看，如果行距过宽，对于读者而言，准确找到每个换行之后的下一行将会感到困难。