2.6 本章小结
通过重构普通图片式选项卡的设计方法,使我们有机会认识到它的不足之处。与
此同时,我们发现了使用简单的无序列表的优势所在,它可巧妙地通过 CSS 来增加样 式,这不仅仅使导航栏的设计样式能随着文本大小的变化而放大或缩小,也可容纳不 同数量的内容。
在设计导航栏时,应牢记以下几点
n 使用基于图片的导航栏意味着视力较差或者有残障的用户将无法调整文字的
n 大小。
n pc:1 2 点活字简单的标记( 一个无序列表) 可确保对任何浏览器、浏览设备、 软件都有极佳的可用性。
n pc:12 点活字基于文字的导航栏可以方便地更新与编辑,并在改变时不用再 创建新的图片。
n pc:12 点活字在不牺牲导航栏灵活性的同时,巧妙地设置背景图片,可为它的 样式锦上添花。
n pc:12 点活字有许多次,使用图片作为导航栏是不得已而为之,或者是为了公
n 司的特定字体或者是受限于屏幕的可视区域。
最后一点很值得强调。在现实世界里,关于字体或导航栏尺寸的要求往往不是由
您自己而是由其他人所决定的。在这种情况下,不要选择迅速逃避,那不现实。积 极的应对是用一些灵活的东西取代它。没有错误的答案,只有更好的答案—— 在这种 情况下,要去想想,如何才能使它变得更好。
现在我们已经建立了一个具有灵活性的导航栏的概念。让我们继续前行,对网页 中的其他常见组件进行重构吧。







