WEB设计禁忌.doc

《WEB设计禁忌》提纲

第一部分 内容与功能禁忌

第1章 内容禁忌

禁忌1：主页身份危机
说明：网站的主页不能使访问者通过快速浏览，确定站点的用途。
解决：网站需要具备的特点：
◎ 机构名称位置显著
◎ 机构名称非常明显
◎ 机构职能的简要说明
◎ 图示说明了机构的产品或服务项目
◎ 页面中的链接标记是关于整个站点内容的概述

禁忌2：混乱的分类
说明：内容组织的混乱严重影响导航
解决：使用不容易产生误解的分类原则：
◎ 按层次组织的
◎ 独立的
◎ 互斥的
◎ 彻底的
◎ 不随心所欲的

禁忌3：毫无意义的说明
说明：许多网站中，项目的名称和说明名没有帮助访问者做出选择，通常，这些名称和说明似乎是不同时期写的、出自不同的人、缺乏一致性、没有考虑各项之间的差异、没有考虑在上下文中项目说明作何解释。
解决：当一个网站或者是基于网络的应用程序列出一套项目时，关于项目的说明信息必须能帮助使用者回答两个问题：
1. 这些项目中有我所需要的吗？
2. 符合条件的项目中哪一个最能满足我的要求？
项目名称和说明中不应该包含市场化的干扰性词语，应该包含该项目具备什么功能和不具备什么功能的真实说明，或许还应该包含关于其他项目的功能参考。
而且，不能孤立的编写每个项目的说明，每个项目说明应该由该产品的管理人员编写。不希望一些项目不经意的诋毁其他项目。项目说明必须一起写，同时考虑在上下文中如何解释该项目以及项目间的对应关系。

禁忌4：内容不一致
说明：如果有关某个项目，如产品、服务、突发事件、新闻故事、人物和政策的信息不止一次出现在网站中，那么最好保证内容的一致性，否则，你的站点会给访问者留下一种机构组织不当的强烈印象。
解决：如果信息不是复制的，那么副本必须相同。
◎ 有关特定项目的所有图片应该链接到唯一的图像文件
◎ 在线目录中列出的相同项目应该链接到唯一的项目页
◎ 有关项目的全部描述和属性来原因应该唯一
如果必须辅之信息，那么无论如何都要保持信息的一致性。

禁忌5：过期的内容
说明：网站中几乎与矛盾信息一样糟糕的是明显过期的信息。
解决：网站必须不断保持更新，这需要时间、努力、人力和资金；兑现你的最后期限，否则不要声明；必须维护站点。

禁忌6：缺少内容或内容无意义
说明：内容是站点中最重要的，那么缺少主要内容的页面或站点只是在占用空间和域名。
解决：为了避免创建缺少主要内容或提供无用内容的网站，网站设计者因该遵循下列原则：
◎ 了解访问者需要什么，然后将其包含进来。
◎ 不要转移使用者的目标。
◎ 对网站进行测试，以便发现还缺少什么。

禁忌7：未完成的内容
说明：网站中缺少内容的一个主要原因是网站中包含没有完成的页面。
解决：将明显未完成的网站发布到网上不是个好想法，这样使得你的公司看上去既不专业又无组织。取而代之，应遵循下列原则：
◎ 在没有准备好之前不发布
◎ 不要错过你的最终期限
◎ 保留旧站点
◎ 避免出现未完成的页面
◎ 测试

第2章 任务支持禁忌

禁忌8：多余的需求
说明：多次向同一机构提供相同的信息。
◎ 没有利用已提供过的信息
◎ 各系统间不协调
◎ 忘记用户的选择
◎ 返回上页时丢失数据
◎ 要求用户多次登录
◎ 需要在多个站点中完成任务，数据传输变成难题
解决：设计原则：
◎ 返回页面时不要丢失数据
◎ 不要强迫用户经过多个站点
◎ 设计唯一通用登录网站
◎ 努力从浏览器和WEB中得到更好的支持
◎ 避免重复询问
◎ 隐藏表单
◎ “装满的”URL
◎ 基于浏览器的解决方案：自动填充表单

禁忌9：请求不必要的数据
说明：请求不是非常必要的数据与不止一次请求相同的数据几乎同样令人烦恼。
解决：不要过于热衷于搜集数据
◎ 尽可能少的要求数据
◎ 不要要求任何数据“必须填写”，除非没有这些数据你确实无法进行处理
◎ 不要要求一些用户没有的数据
◎ 当用户提交了信息后，尽可能的从中推断出更多的信息。

禁忌10：无意义的选择
说明：与多余的需求和向用户请求不必要的数据相关的禁忌是提供不必要的或无意义的选择：
◎ 无明显的区别：选项之间没有明显的差别
◎ 用户不知道：选项对于用户没有任何意义
◎ 明显的答案：明显的选项，但网站忽略了
◎ 网站可以推断出来：没有必要询问，网站能够自动推断出来的答案
解决：根据选择为什么是不必要的，确定避免出现不必要选择的方法：
◎ 如果选项之间没有区别，就不要出现
◎ 如果用户不理解问题或者不知道答案，就不要询问
◎ 如果有明显的选项，选中它
◎ 如果站点可以推断出答案，就不要打扰用户

禁忌11：忽略重要的选项
说明：许多网站和基于WEB的应用程序不支持用户任务的另一种情形是，当要求用户进行选择时忽略了至关重要的选项。
解决：WEB设计者和开发者的解决之道是做好他们的工作：全面分析目标用户的需求，然后设计站点和WEB应用程序时提供与这些需求相匹配的选项。

禁忌12：无能的后台程序
说明：许多站点表现出他们极其缺少关于自己所涉及领域的“常识”。对于用户提出的请求，无人答复，或者答非所问。
解决：增加对涉及领域中“常识”的学习，检查网站是否真正支持了用户的任务，而没有表现出任何令人头晕目眩的常识禁忌。

禁忌13：走到了路的尽头：你才告诉我！
说明：在处理过程中中断任务流程和打扰网站用户的最佳手段是让用户沿着朝向目标的道路前进既不，然后，用户投入了时间和努力之后，告诉他们，先前网站要求你做的几步是没有用的。
解决：应该提醒用户，一旦用户指明了他们要做的事情，就应该进行检查。

禁忌14：令人苦恼的任务流程
说明：因为更专业的错误竟吵造成拙劣的任务流程。
解决：避免更专业的错误
◎ 避免前面的所有禁忌
◎ 毫无意义的说明
◎ 缺少内容或内容无意义
◎ 非直接链接
◎ 要求用户输入
◎ 兼容性差的文本输入框
◎ 没有默认值或默认值有毛病
◎ 没有默认的文本输入点
◎ 没有说服力的标签位置
◎ 命中结果似乎相同
◎ 丢失相关项目
◎ 奇客语言
◎ 内行话
◎ 用不同的词语描述相同的事物
在设计网页之前进行任务分析和概念设计

第二部分 用户界面禁忌

第3章 导航禁忌

禁忌15：站点反映组织结构图
说明：反映一个公司或机构组织图表的网站是一个“常见错误”
◎ 我仍旧在同一家公司吗？
◎ 我不关心机构组织情况，我只想要我要的！
◎ 对于多个机构提供的同类服务感到犹豫
解决：网站和WEB应用程序应该根据他们的目标用户的需要来组织。
◎ 在编写代码之前，预先投入资金，会见目标用户。
◎ 观察用户使用设计网站的早期版本的情况或者观察竞争者的网站
◎ 获取用户对于文件或网站在线模型的反应
◎ 设计的网站应该反映用户的任务而不是组织的结构
◎ 将WEB小组安排在公司和机构的层面
◎ 链接到其他站点
◎ 用这些标准测试站点：
1. 站点的组织对于那些不了解公司组织结构图的用户来说是否有意义？（是）
2. 通过检查站点，用户能否推断出组织结构中有意义的方面？（否）
3. 不同的部门生产相同的产品这一事实是否已经根除？（是）
4. 是否只因为内部组织的相互通信而存在子站点？（否）
5. 更新旧站点，新站点中页面继承的是否天衣无缝？（是）
6. 整个站点的内容是否一致？（是）
7. 是否存在由于交叉机构的错误通信或者下属机构的目标不一致而造成的不一致信息？（是）
8. 用户是否能够清楚的回答链接页面是站点内部还是外部的？（是）
9.
◎ 将标准应用于实例

禁忌16：数不清的导航方案
说明：高级导航禁忌是同一网站中有许多相互竞争的导航系统，多重导航系统会阻碍、分散和转移访问者的注意力。
◎ 带有副本的竞争导航系统
◎ 无副本的竞争导航系统
解决：将显示的导航系统数量缩减到最少。可以拥有多重导航系统，如位于页面左侧和顶部的导航条，但每个导航系统的目的应该明确和唯一。

禁忌17：欺骗性的链接复制品
说明：不必要的副本链接增加了站点认识上的复杂性，导致访问者误入歧途。
◎ 隐蔽的链接复制品：看上去不同，但跳转到相同的地方
◎ 假链接复制品：表面上一样，却链接到不同的地方
◎ 企业内部网WEB应用程序中无意义的链接复制品
◎ 链接复制品终止了用户的思考
解决：作为设计者，应该尽可能的把事情简单化。如果有什么怀疑的，那么还原可选择的链接方案，邀请目标用户进行测试。
◎ 在分类页面中，不用复制导航条链接
◎ 纯文本链接可以复制
◎ 主页中可以包含一些真的链接复制品

禁忌18：非直接链接
说明：这样虽然可以做到广告宣传的效果，但考虑过访问者的心情吗？
◎ 将用户转移到另一个网站的主页
◎ 将用户转到站点中的一个通用页面
◎ 但是我已经告诉你了！
解决：避免这一禁忌的原则：
◎ 链接应该履行它的承诺。
◎ 停留在通向目标的路径上。

禁忌19：迷路：当前页面没有标志
说明：当WEB用户访问某个没有明确标明用户所在页面时的感受就像走在一条没有路标的陌生道路上，他们随时有迷路的感觉。
◎ 导航条中既没有标记，也没有页面标题
◎ 导航条中没有标记，页面标题不够显著
◎ “解决方案”不起作用：
1. 浏览器标题栏中的页面标题
2. 页面背景中的水印标题
解决：标示当前页可以通过两种方式：
◎ 导航条
◎ 页面标题

禁忌20：循环游戏：指向当前页面的活动链接
说明：一个极为普遍的导航禁忌是页面中包含一个链接到自己的活动链接。
◎ 导航条中的自我链接
◎ 涉及到分割为几个子站点的大网站，每个子站点都有自己的主页，如果在自己的主页中指向主页的链接是活动的那么这是一种禁忌。
◎ 不再导航条中的自我链接
解决：设计原则：
◎ 在主页中不要包含指向当前页面的活动链接
◎ 在当前页面中不要包含指向当前页面的活动链接

禁忌21：缺少导航链接：后退否则没其他办法
说明：网页中没有导航，迫使用户使用后退按钮进行导航。
◎ 没有出口的错误消息，如错误提示页面中仅有错误信息，并没有转向的链接。
◎ 没有出口的“任务完成”页面
◎ 404—页面无法找到
解决：为了避免这一禁忌，应尽量包含站点“标准”页面中出现的标准导航条，或者起码要有一个可以提供转向的链接存在。

第4章 表单禁忌

禁忌22：要求用户输入
说明：文本框是表单中使用最频繁的控件，实际上是严重过度使用。
解决：主要原则：更加努力的开发以减少用户的工作。
◎ 帮助用户输入数据
1. 设计特殊数据类型控件，如日期控件；
2. 提供选择；
3. 带数据选择的文本框。
◎ 什么时候允许数据输入
1. 非结构化的内容，如街道名
2. 安全的内容，如用户名、密码
3. 国际性变量， 如电话号码
4. 用户非常了解而且经常输入的内容，如自己的国家、生日（有时输入会比选择更加节省时间）

禁忌23：兼容性差的文本输入框
说明：必须要容忍用户输入内容的合理变化
◎ 这是我们的方式或者绝对不是！用户的理解和我们有差别，而我们才是真理。
◎ AT&T是一个无效的公司名称
◎ 令人惊讶的不兼容性，如型号中的“-”或空格被认为是无效输入。
◎ 表单拒绝接受自己提供的示例。
◎ 对用户输入过分的挑剔
解决：为用户提供友好而宽容的的输入框的准则不是太复杂：
◎ 文本框的长度与数据相匹配
◎ 接受一般格式
◎ 接受你自己的格式
◎ 小心拒绝合理的数据
◎ 字母大小写无关
◎ 提供一个样例
◎ 结构化文本框

禁忌24：没有默认值
说明：网站、WEB应用程序和软件的一个重要设计原则是让用户需要说明的越少越好。这个原则的一个特殊含义是表单中的选项和控制面板应该有默认值。
◎ 没有提供默认值的原因
1. 没有有用的默认值
2. 社交、政治、法律的需要
◎ 无默认值的单选按钮，其目的可以是
1. 避免假设用户会做出什么选择
2. 强迫用户做出明确的选择
3. 允许用户不选
◎ 无默认值的菜单
1. 只有当菜单没有有用的默认值时才能使用这样的设计
2. 菜单标签—包括作为提示的初值，必须小心措辞以解释选择的含义
解决：设计原则
◎ 尽可能的提供默认值
◎ 当“以上都不是”是一个重要选项时，将其明确表示出来并且设为默认值
◎ 当没有假设的默认值时，菜单优于单选按钮
◎ 小心使用新型的WEB菜单
◎ 用复选框表示“0或1”的选择更好，但不要用错，如男、女

禁忌25：有毛病的默认值
说明：一个与用户期望不相符的默认值比没有默认值的危害更大。
◎ 有害的默认值。如：故意设置的默认值使没有注意到它的用户得到一些出乎意料的东西，就像默认接受付款选项之类的东西，会得到用户的憎恨。
◎ 拒绝自己的默认值
解决：选择默认值的方法：
◎ 常识
◎ 经验和站点数据
◎ 根据用户的数据
◎ 任意
但要注意，默认值一定不能是有害的！

禁忌26：必须用鼠标点击：没有默认的文本输入点
说明：当网页中的表单要求用户输入时，应该自动将文本输入点设置在第一个文本框中，这样可以让WEB用户立刻开始输入。

禁忌27：没有说服力的标签位置
说明：网站重的表单经常因为拙劣的标签布局而遭受伤害，后果则是网站看起来松散、不专业，更严重的情况是使用困难。
◎ 标签与对话框或者控件离的太远
◎ 不一致的水平队列
◎ 松散的垂直队列
解决：表单标签与数据框对齐的准则：
◎ 标签应该贴近对应的数据框和控件
◎ 对齐标签，左对齐或右对齐
◎ 将标签的底线与文本控件的底线对齐

禁忌28：使用复选框还是单选框
说明：单选框与复选框适用于不同的情况：
◎ 单选框适用于从多个选项中选择一个
◎ 复选框适用于“开/关”选择
相互混淆的情况：
◎ 单一的单选框
◎ 滥用复选框，好像它们是单选框一样
解决：分清它们的不同用途
◎ 复选框用于“开/关”选择
◎ 一个随意的选择
◎ 一个强制性的选择
◎ 单选框用于互斥的选择

禁忌29：看起来可以编辑，但实际不能编辑
说明：需要传递给用户的信息应该显示为不可编辑的数据，永远不应该显示为表面可编辑的控件。

禁忌30：无法理解的控件
说明：一些表单只是单纯的难以理解：
◎ 拙劣的标注
◎ 拙劣的布局
◎ 非标准的控件
解决：要建立严格的设计标准。在制作过程中：
◎ 小心标注
◎ 深思熟虑的布局
◎ 使用习惯用法

第5章 搜索禁忌

禁忌31：令人沮丧的搜索工具
说明：一个难以使用的搜索工具：
◎ 令人讨厌的搜索选项
◎ 业内术语
◎ “唯一的”搜索控件
解决：设计原则
◎ 简化
◎ 使用非技术术语
◎ 集中在特定的站点内容上

禁忌32 ：互相竞争的搜索控件
说明：多个搜索控件共存
◎ 转向
◎ 搜索框太多，时间太少
◎ 哪一个更好呢？
解决：设计原则：少既是多

禁忌33：命中结果似乎相同
说明：极差的效果：
◎ 将区别隐藏在大量的相似之中
◎ 迫使他们点击项目
解决：规则：
◎ 显示和强调重要的数据
◎ 减少点击的必要性

禁忌34：重复的命中结果
说明：结果列表中存在难以区分的项目是拙劣的用户界面设计造成的，与之相反，重复的命中结果是拙劣的后台设计的过错：
◎ 数据库组织的很糟糕，包含重复项目
◎ 中间件没有发现通过不同的路径建立的重复项目
◎ 服务器端应用程序在将结果呈现给用户之前，没有组织数据库和中间件返回内容

禁忌35：搜索盲区：丢失相关项目
说明：丢失数据的原因：
◎ 拙劣的索引数据
◎ 差的搜索方法

禁忌36：大海捞针：一大堆不相关的命中结果
说明：搜索结果中返回的不相关项目：
◎ 伪造的匹配分散注意力
◎ 糟糕的结果排序

禁忌37：命中结果的排序无意义
说明：不在意用户的意图，采用一种武断的方式将结果排序是一种禁忌。

禁忌38：疯狂的搜索行为
说明：一些网站的搜索工具展示的内容表面上没有意义，用户给出的搜索条件与返回的搜索结果之间的关系是“疯狂的”。如：搜索“天津市”得到50个结果，而搜索“天津”却没有命中任何结果。
◎ 标准越苛刻，找到的内容越多
◎ 合法的拼写，没有找到任何内容

禁忌39：没有显示搜索条件
说明：人们在搜索时，时常忘记输入的搜索条件
◎ 忘记刚刚请求的内容
◎ 通过多种方式进行搜索，但忘记了使用了哪一种
◎ 无意识的输入了错误信息

禁忌40：没有显示命中结果的数量
说明：这个很难吗？能找到结果，也把结果数量告诉用户吧，他们需要时会感激你的。

第三部分 网站的外观禁忌

第6章 文本与书写禁忌

禁忌41：文本太多
说明：有时我们为了显示了太多的文本而影响了访问者的使用以及他们的心情
◎ 冗长的链接
◎ 冗长的说明文字
解决：文本应减少，只留下要点：只要能传达预定含义就够了
◎ 删除多余的文本
◎ 避免长长的链接列表
真正的目标：可浏览性和清晰度

禁忌42：奇客语言
说明：非程序员的技术网站上出现技术行话：
◎ 没有意识到是行话
◎ 无法用非技术性语言表达
◎ 期望计算机用户学习行话
◎ 直接暴露底层的软件与软件之间的通信
◎ 没时间
◎ 网站设计糟糕，暴露不容易“描述的”执行概念
解决：避免奇客语言：用不需要解释的语言把事情说清楚（我觉得就是对专业人员也得把“奇客”这个词说明一下，呵呵）
◎ 了解你的用户
◎ 开发一本网站词典
◎ 排出执行术语
◎ 提供出错解决方案
◎ 安排适合的人从事这个工作
◎ 由用户测试文本
◎
禁忌43：称呼网站访问者为“用户”
说明：网站称呼访问者为“用户”—普遍现象
解决：深思熟虑网站的来访者的不同身份以及在网站的不同权限和操作

禁忌44：内行话
说明：和解决“奇客”一样，要弄明白目标对象
解决：方法总结
◎ 网站的词汇应该从目标用户出发
◎ 由有经验的技术文档编写人员而不是由网站所经营项目的业内专家编写、测试和维护网站中非用户创建的所有文本。

禁忌45：变化的词汇：用不同的词语描述相同的事物
说明：此禁忌的原则只有一句话：相同事物相同名称；不同事物不同名称！

禁忌46：不一致的格式
说明：许多网站和WEB应用程序在说明、链接文字、产品介绍、按钮标签和页面标题等文本中显示出格式上的不一致
◎ 一些链接或者按钮标注为动作，而另一些标注为对象
◎ 一些表单标签很简洁，而另一些却很冗长
◎ 使用句号结束未完的句子
◎ 不一致的开头字母大写
解决：实现网站文本格式一致的准则：
◎ 制定或者采用一个标准
◎ 指派一名文员专门负责检查网站中的所有文本
◎ 添加新文本时观察已有文本

禁忌47：拼写错误和语法错误：书写粗心大意
说明：将书写网站文本的工作分配给不熟悉目标语言的人，而且缺乏校对。
解决：避免上述问题，加强复查。

第7章 链接外观禁忌

禁忌48：看上去链接不像链接
说明：为了某些目的，将链接显示的与最初的HTML标准显示方式有了很大的不同。
解决：尽量以最原始的链接形态表现链接
◎ 带下划线的文本链接，最好是蓝色字体
◎ 图形按钮看上去应该像按钮
◎ 其他图片链接应该做链接标记

禁忌49：不是链接外表胜似链接
说明：网站中出现有意无意的具有链接形态的非链接信息
◎ 带下划线的非链接文本
◎ 外表是可以点击的图片，实际不是
解决：简单原则：
◎ 不要使非链接文字带下划线
◎ 不要使非链接图形产生三维效果

禁忌50：奇特的按钮：可点击范围比看起来要小
说明：一些信息在网站表现上占用了很大的区域，但是有效的点击范围仅是这个区域的一部分
解决：尽量放大有效点击区域，最好是全部区域。

禁忌51：换行的链接：多少个？
说明：网站中的长文本链接造成了换行，看上去就像多个链接一样。
解决：尽量不要换行，如果实在很长的话，可以考虑将整个文本区域作为链接目标，而不是文字。

禁忌52：“Click Here(点击这里)”：文本中隐藏链接
说明：我们很经常的看到页面上的一段说明性文本中有几个字或词作为链接存在，不能不说它的确达到了让我们忽略它存在的目的。
解决：能够单独提出的链接信息就把它单独布局。

禁忌53：到达过那里吗？点击过吗？无可奉告
说明：为了达到网站的某些效果，而使访问过的链接没有任何变化，看上去就像没访问过一样。
解决：用不同的颜色区分访问与否的链接。

第8章 图形设计与布局禁忌

禁忌54：小字体
说明：小字体似乎是维护网站效果的唯一选择了，但有些无法忽略的事情是必须得到注意的。
◎ 用户比开发人员年长
◎ 表单中的小字体
◎ 链接中的小字体
◎ WEB用户几乎不调整字体的大小
◎ 文本的大小取决于操作系统和浏览器
◎ 屏幕分辨率决定文字的大小
◎ 显示小字体的借口：
1. 我能够阅读这些文字
2. 在Windows操作系统中看起来没问题
3. 这不是我的错
4. 在低分辨率的显示器上已经够大了
解决：推荐按照下列原则显示文字：
◎ 让用户来调整字体大小
◎ 最小值10磅（个人意见：14px的字体是现在流行的不错的选择）
◎ 为高分辨率的显示器设计
◎ 测试

禁忌55：带掩饰的文字
说明：将文字置于深色图案的背景上，或者置于颜色与文字对比不强烈的背景上，任何尺寸的文字都可能难以显示。
◎ 带图案背景上的文字
◎ 文字与背景对比不强烈
◎ 带图案的背景加上颜色对比不强烈
解决：为保证背景上的文字易读，设计人员应该遵循下列准则：
◎ 使用纯色的背景
◎ 浅色上使用深色比深色上使用浅色好
◎ 白色上使用黑色是理想的

禁忌56：所有内容都居中
说明：有时将页面上的内容都居中并不是好的设计
◎ 文字居中
◎ 控件居中
◎ 所有内容居中
解决：原则：
◎ 不要将正文居中
◎ 左对齐项目符号列表
◎ 不要接受不好的默认状态

禁忌57：不能引人注意的出错消息
说明：网站提供的出错消息，在没有良好设计时往往被用户忽略
◎ 错误的位置
◎ 没有错误标记
◎ 字体太小或者太普通
◎ 不闪烁也不移动
解决：出错消息容易引人注意的原则：
◎ 放在用户正在注视的地方
◎ 放在离错误近的地方
◎ 使用红色
◎ 使用错误标记
◎ 鸣叫
◎ 暂时的闪烁或者摆动
◎ 使用对话框

禁忌58：浅褐色的阴影：颜色差别太小
说明；避免使用近似的颜色同时使用，特别是它们有着特殊用途（如表示链接访问与否的两个近似颜色的使用）
解决：解决上述问题：
◎ 不要只依赖颜色
◎ 避免使用微小的色差

禁忌59：是不可用的还是可用的：可用的按钮看上去不可用
说明：造成这个禁忌的两种方式：
◎ 可用的控件和链接，看上去不可用（变成灰色）
◎ 不可用的控件和链接，看上去可用（没有变成灰色）
解决：遵循不可以的控件是灰色的这一GUI软件约定。

禁忌60：可怕的标签
说明：在WEB上使用标签的三个常见缺点：
◎ 带标注的标签相互不独立
◎ 带标注的标签与相应的面板不连接
◎ 没有显示哪一个是当前选中的标签
解决：将上面的三个缺点反过来：
◎ 互相分离的标签
◎ 将标签与面板相连接
◎ 标记当前标签
在WEB项目中，显示效果是很重要的，而随着软件和硬件的飞速发展，越来越多的问题展现到了我们的面前，抱着发展的态度，依照合理的原则，是我们开发道路上的好助手。
17