标准建站之web设计与开发常见错误
作者：袖梨
2022-07-02
混淆文档类型(DOCTYPE)
完全不写、写的不正确、或放错地方。我曾见过HTML 4.0 Transitional被用在XHTML网页和框架页中，还看到过在开头的标签后写DOCTYPE声明和一些不完整的声明。
为什么？有两个原因。首先，文档声明是必须的，在W3C HTML 4.01 spec和W3C XHTML 1.0 spec里都有说明。第二，浏览器会根据指定的文档类型去显示和渲染网页。也就是“DOCTYPE切换(DOCTYPE switching)”。为了保持各个浏览器显示网页的一致性，特别是你用了CSS，你一定会希望浏览器使用它们“Standards compliance mode”。关于DOCTYPE切换，可以看看使用正确的DOCTYPE!和正确的文档类型声明，正确的布局方式。
癖
样式化的一个常见方法就是把一段东西用标签围起来，并且带一个class用来设置样式。我敢保证你经常可以看到诸如和的代码。
为什么？ 其实在很多情况下这完全没必要，这样做只会混乱标签并且没有什么语义。标题就用标题(h1~h6)标签，段落就用段落(P)标签，列表就用列表(UL, OL和DL)标签。然后再用CSS去样式化，如果需要的话，也可以加class和id属性。
太多可视化思考
以为web就是WYSIWYG（所见即所得）
完全不写、写的不正确、或放错地方。我曾见过HTML 4.0 Transitional被用在XHTML网页和框架页中，还看到过在开头的标签后写DOCTYPE声明和一些不完整的声明。
为什么？有两个原因。首先，文档声明是必须的，在W3C HTML 4.01 spec和W3C XHTML 1.0 spec里都有说明。第二，浏览器会根据指定的文档类型去显示和渲染网页。也就是“DOCTYPE切换(DOCTYPE switching)”。为了保持各个浏览器显示网页的一致性，特别是你用了CSS，你一定会希望浏览器使用它们“Standards compliance mode”。关于DOCTYPE切换，可以看看使用正确的DOCTYPE!和正确的文档类型声明，正确的布局方式。
癖
样式化的一个常见方法就是把一段东西用标签围起来，并且带一个class用来设置样式。我敢保证你经常可以看到诸如
为什么？ 其实在很多情况下这完全没必要，这样做只会混乱标签并且没有什么语义。标题就用标题(h1~h6)标签，段落就用段落(P)标签，列表就用列表(UL, OL和DL)标签。然后再用CSS去样式化，如果需要的话，也可以加class和id属性。
太多可视化思考
以为web就是WYSIWYG（所见即所得）
