20、网页开发常见错误规避与HTML5元素速览

网页开发常见错误规避与HTML5元素速览

1. 网页开发的常见错误

在网页开发过程中，有许多常见的错误需要我们去避免，以下为你详细介绍这些错误以及相应的解决办法。

1.1 使用元标签

在每个网页中，要使用元关键词标签列出重要的关键词和短语，同时使用元描述标签提供准确且富含关键词的描述。每个页面应该恰好有一个关键词元标签和一个描述元标签。虽然谷歌认为由于历史上的滥用情况，元关键词并非页面信息的重要来源，但其他搜索引擎和网站分析工具仍会使用它，所以只要信息准确，就应该包含元关键词标签。不过要确保元关键词元素中的关键词和短语能在页面内容中找到，否则搜索引擎可能会降低网站排名。

1.2 先设计展示再规划信息架构

由于我们习惯于通过视觉来理解新信息，所以很容易先进行展示设计，而忽略信息架构。很多网站外观出色，但在根本上却缺乏组织。一般来说，软件开发项目的精力应平均分配到三个方面：
- 开发需求和规格说明
- 编写代码
- 测试和调试软件

现代HTML开发强调将文档的语义与展示方面分离。建议将CSS语句分离到不同的文件中，一个用于布局和定位，另一个用于排版、颜色和样式。构建网页时，先确定每个元素的正确HTML标记，将元素分组到页面分区和部分，为元素分配反映其在文档中角色的类和ID，然后添加CSS来定位页面元素以匹配布局要求，不断重复和优化，最后添加排版和图形细节。

1.3 使用过时的工具和构建方法

搜索“HTML编辑器”会得到数百万个结果，但其中质量优良的编辑器可能不超过一半。一些流行的HTML和网页编辑器存在多年，部分被其他公司收购后，代码风格混杂。