当涉及到开发一个运行在现代网络中的网站时：Web开发人员需要选择虚拟主机平台和底层数据存储，准备编写HTML、CSS和JavaScript的工具，有设计和执行方法，以及一些可用的JavaScript库/框架。将任务分解成这些步骤后，下一步就简单多了。你可以上网找文章，浏览论坛，看看可以提供更好的Web体验技巧的例子。

　　首先，写一些过时的HTML

　　错误：在互联网的早期，标签的选择比我们现在少得多。但是，旧习难改，现在很多开发者写HTML的时候好像还在20世纪。例如，我们使用元素进行布局，或者在其他特定语义标签更适合时使用元素，或者在不支持当前HTML标准时使用标签，如果有大量字符实体，则在页面上使用空间项。

　　影响：遵守这种过时的HTML规则可能会导致标记过于复杂，导致在不同的浏览器中出现不同的行为。而且也没有改进浏览器的动力，因为不需要更新到最新的浏览器，

　　如何避免：停止使用元素进行内容布局，并限制使用元素来显示表格数据。例如，您可以去whatwg.org了解当前可用的标记选项。使用HTML来描述内容是什么，而不是它是如何呈现的。

　　二。“很明显，它在我的浏览器中工作正常……”

　　错误：开发人员倾向于喜欢某个特定的浏览器，或者讨厌某个特定的浏览器，可能主要是因为他们偏向于测试web视图。也有可能在互联网上找到的代码示例不能保证它们在其他浏览器中会如何呈现。此外，一些浏览器对样式有不同的默认值。

　　影响：以一个浏览器为中心写的网站，在其他浏览器显示时质量会很差。

　　如何避免：在开发过程中，在所有浏览器和版本中测试网页是不切实际的。然而，每隔一段时间在多个浏览器中检查网站的外观是一个好主意。现在，无论你喜欢什么平台，总有免费的工具可用：免费的虚拟机，网站扫描器。谈到CSS设计，你可以“重置”所有的默认值，如meyerweb.com所示。

　　第三，格式不好错误：提示用户提供信息，并假设数据将按预期接收。

　　影响：当我们信任用户输入时，很多事情都会出错。如果无法提供所需的数据，或者接收到的数据与以下数据模式不兼容，则页面可能会失败。更有甚者，一些用户可能会故意侵犯网站的数据库。

　　如何避免：你首先要做的是确保用户知道你需要什么类型的数据。比如你只问地址，用户不知道是指工作地址、家庭地址还是邮箱地址！除了具体之外，还要充分利用目前HTML提供的数据验证技术。无论在浏览器端如何验证数据，都要确保在服务器端验证数据。不要让串联的T-SQL语句使用来自用户输入的数据，并且每个字段的类型尚未确认。

　　第四，臃肿的应对结果

　　错误：页面充满了许多高质量的图形和/或图片，这些图形和/或图片是借助img元素的height和width属性缩小的。

　　影响：完全渲染页面的时间太长，以至于有些用户放弃了，甚至不耐烦地再次请求整个页面。在某些情况下，如果页面处理等待时间过长，将会出现错误。

　　如何避免：不要对现在上网越来越快抱有侥幸心理，以至于允许出现臃肿的场景。取而代之的是，把从浏览器到你的网站的往返作为一个成本。它是图像页面臃肿的罪魁祸首。

　　五.创建所谓的“应该工作”代码。

　　错误：无论是JavaScript还是服务器上运行的代码，开发人员都需要测试确认是否正常运行，而不是认为部署后就应该从头到尾运行。

　　影响：没有经过适当的错误检查的网站对最终用户来说是流氓。不仅会极大地影响用户体验，而且错误消息内容的类型可能会给黑客提供渗透这个站点的线索。

　　如何避免：每个人都会犯错，这个哲学也适用于编码。使用JavaScript时，一定要实现好的技术来防止和捕捉错误。虽然这篇文章描述的是用JavaScript编写Windows应用程序，但是大部分内容也适用于web开发，很多技巧都非常好！另一种使代码可靠并经受住未来变化的方法是单元测试。

　　如果我们足够小心，我们可以在不被用户发现的情况下捕捉到服务器端的代码故障。只显示必要的信息，一定要设置友好的错误页面，比如HTTP 404s。

　　摘要

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