现在，有越来越多的所谓的“教程”来帮助我们提高网站的可用性。大梅收集了一些在web开发中容易出错和被忽视的小问题，为web开发者更好地改进网站提供了参考解决方案。

通过避免这些小错误，我们可以使我们的网站更友好。

错误1:窗体的标签标签与窗体字段不关联

“for”属性允许用户单击标签或选择表单中的内容。这样可以扩大复选框和单选框的点击区域，具有很强的实用性。

错误2:徽标图像未链接到主页

点击网站标识进入主页，已经成为网民的一种条件反射。另外，值得一提的是，logo被指定在左上角。

错误3:无法判断链接是否已被访问

已访问链接的状态应与未访问的链接不同，以便用户能够直观地了解哪些链接已被单击。

错误4:当前选定的活动表单项未突出显示

您可以使用“焦点”来显示所选文本区域是动态的。您还可以使用CSS样式，例如突出的边框或稍微改变的背景色。

错误5:图像中没有ALT picture description

你可能认为这无关紧要，但这是必要的！记住给你的图像添加一个描述性的alt属性，它可以是空的（但仍然存在！）除非图像明显用于装饰。如果使用图像作为链接点，则可以输入链接地址。

错误6:背景图像后没有设置背景颜色

在内容文本后面使用背景图片是很常见的，但是我们也应该考虑到如果客户端禁用了背景图像，那么在背景图像后面设置一个色调相似的背景颜色，以避免文本变得不可读。

错误7:接口设计不一致

这可能就是矫枉过正的意思。为了提高网页的水平，一些设计师为网站中的每个页面创建不同的设计。但这只会让用户感到困惑和困惑。记住，无论一个网站有多好，多么吸引人，如果它的整体外观和感觉不一致，用户很难记住它。建议如下：

1每个页面都使用标准一致的模板链接到站点的主要部分。

2关键字应该很简单。设计要美观简洁，用户在使用时不会感到困惑。

错误8:带下划线的内容不是链接

众所周知，带下划线的内容可以很容易地用作链接。不要随便在课文中加下划线，这样会使人混淆。如果你真的想强调一个词，试试加粗或放大字体。

多年来发展老代码农民福利礼品：网页制作、网站开发、网页前端开发、HTML+CSS+JavaScript从零基础。JQuery、AJAX、node、angular framework等已经在移动终端小程序项目实战[视频+工具+电子书+系统路线图]中梳理出来。有需要的伙伴可以给我发私信。在发送“前端”3秒后，您可以获得地址并将其发送给每个对编程感兴趣的小伙伴

通过识别这些常见错误，web开发人员可以避免其他人遭受的许多挫折。我们不仅要承认错误，还要意识到错误的影响并采取措施加以避免，这样我们才能有更好的发展业绩——有信心完成任务！