文本/排版布局

文本对齐方式

浏览器的默认设置是左对齐文本文本也可以向右对齐,在中心,或证明(在左和右两端对齐)虽然有些人喜欢合理的文本的外观,经常研究表明,左对齐文本是最容易阅读的方式一些亚洲和中东的语言是明显的例外,因为正常的文本方向这些语言可能从上到下垂直或水平从右到左对于英语和其它left-top-right语言来说,最佳实践是左边对齐文本。

Some circumstances may allow for other text alignments, but these should be treated as the exception, rather than the rule居中对齐的标题可能是恰当的,例如,或右对齐更新文档。

例子

自左对齐的文本是默认的,下面的风格通常是不必要的,但这里提供作为参考。

p { text-align:左;}

利润、填充和空白

空白设置内容分开

一般来说,具有空白的文档,或“空白”,在块文本易于阅读比文档的边缘,或利润,文本的接近查看区域的边缘文档有限的白色空间显得更加凌乱,可能很难让一些读者阅读障碍额外的空间在文本提供了一个更整洁的布局,帮助读者关注文本。

空格区分段落

段落应该轻松地将彼此区分开来缺省呈现在大多数浏览器是单独的段落与白色空间上方和下方每一段,这在大多数情况下是有效的分离段的另一种方法是消除额外的空间上方和下方,而每一段的第一行缩进Print materials such as books and magazines usually follow this convention在大多数情况下,然而,本公约是世界最好留给打印。

屏幕上观看比在纸上看有些不同当用户上下滚动页面,很容易失去额外的空白段落之间帮助他们跟踪他们在哪里文本下面的屏幕截图展示之间的空白段落有助于区分比段落分开只有一个缩进的第一行。

屏幕截图快捷的段落,由空格隔开 屏幕截图打印样式的段落的第一行缩进

线的长度

大多数研究表明,读者更喜欢和更有效的阅读相对狭窄的列的文本,而不是宽栏是横跨整个页面可能导致困难为用户找到后续行文本同样,阅读也可以影响长度很短的行(每行几个字符)由于开销不断扫描到下一行。

地址线长度的一个方法是添加左和右的利润率,增加双方的空白另一种方法是限制文本列的宽度而最优行根据内容长度值可能不同,字体,等等,一般来说,少于50或超过大约120个字符每行可能会引进困难。

与这样一个各种各样的设备,从手机小屏幕高分辨率宽屏幕显示器,web内容适应最优线路长度是很困难的甚至在一台设备上,浏览器显示尺寸可以根据屏幕方向改变分辨率,或者浏览器窗口的大小响应网页设计,最小和最大宽度,变量基于视窗的宽度大小,等等可以确保实现线长度是合适的。

文本装饰

下划线

一般来说,文本不应该强调,除非它是作为一个超链接这并不意味着强调文本本身是坏的这仅仅意味着网络公约是下划线的链接人们已经习惯了这个公约使用下划线的文本为non-link目的在网络上可能会混淆一些用户,他们可能试图点击下划线。

删除< del >、透油和插入< ins >

文字或字符与透油效果出现划掉或取消透油效果有时被用于法律文件显示的变化从一个版本到另一个地方这种效应实现的< del ><年代>元素不幸的是,屏幕阅读器不通知用户使用这些元素时,所以没有办法告诉如果作者标记段落划掉了屏幕阅读器软件的制造商应该固定这个问题很久以前,但他们没有同样,屏幕阅读器时通知用户< ins >使用元素(插入)标记。

有不止一种方法解决这个问题,但没有一个是完全满意的,因为真正的责任在于屏幕阅读器开发人员另一种方法是创建一个版本与普通文本文档本身告诉读者删除部分开始和结束的地方作者可以输入“(开始删除)”的开头部分被删除,最后“[结束删除]”对于一些文件,这可能很快成为一个沉重的负担另一种方法是在某些情况下可以创建只完成的文档,不显示进度的变化,尽管这将是不够的,如果读者需要了解发展变化的本质这类问题需要一些创造力来解决,可以肯定的是。

可以实现与样式表,删除线的效果,但这应该小心使用样式表是用来控制演讲的,不要删除和插入控制语义,当然有意义。