DIV+CSS这项技术，对于很多网站设计者来说，好像都很简单。没错，它确实很简单，但为什么还是有那么多专业人员做不好呢，原因只有一个，那就是没有养成良好书写代码的习惯，这些人书写代码都有一个通病，代码很多垃圾，同时也存在很多语义问题，下面我们看一组图：

很明显，好的代码从上至下，非常清晰明了，因为它的结构规整，即使你不是高手，给其它专业人员来看的时候，别人也会以为这应该是个高手写的。而右侧代码看上去就是一团糟，让人看了极为吃力，特别是结构非常混乱。接下来，我教大家一些方法，让你的代码结构化、语义化。

1、字符集和编码字符
网站的编码问题，这对于国内来说，很多都用了gb2312，而这却不太好，规范化应该用utf-8。还有，像版权符号©，在代码里应该用”©“表示，再如&这样的符号，在代码里用”&“表示，而不应该直接复制或打出这种特殊字符来，所以都应该规范化。

2、代码缩进，体现专业化，提高代码可读性和拓展性
其实前面已经稍有提到代码缩进的问题，代码缩进可以让你的代码让别人更容易读懂，同时也更规范。通常代码缩进是一个制表符Tab，下面看一下这张图片就知道它的作用与效果了：

看了之后，你觉得哪个看起来更爽呢？

3、样式与特效一律外部引用
始终都要相信一件事，html网页永远都是用来存放真实有效内容的，表现形式的样式、让页面产生各种神奇特效js永远都只是html页面的附属品，所以我们要将它们用专有引用代码，将它们放在里面，这有利于让网页干净利落，同时也让它减压，提高网页的打开速度。而如果你如果需要更改样式或特效，你需要在专门存放样式或特效的文件里更改即可。图例：

看了上图，我想你更喜欢第二种写法，因为这将非常有利于你对页面文件的管理。

4、网页标签合理并正确使用，让它语义化
任何网页标签，都它的语义。举个例子，比如H标签里可以放、、、、等内行元素标签，而反过来，标签语义将完全错乱。所以，标签的嵌套是有一定规则的，在书写时，一定不能犯这么低级的错误，这将会让人笑掉大牙。网站建设案例，请进我们网站案例的相关栏目。

5、清除无效标签，让网页更干净、完美
有些代码是无关紧要的，或者在某些情况下根本没有任何的作用，我们就很有必要把它清除。如下图：

上图中，用div将

ul整个包住，则ul就没有起到任何的作用，DIV与UL都是块级元素，没有任何区别，所以此处的DIV完全可以去除，取而代之则是UL。

这一项错误对于很多熟手也是这样用的，而且还是大张旗鼓，死性不改地用，这真会让人笑掉大牙！希望你看到这篇文章后，一定要改这个恶习了，嘿嘿！

• 上一篇： 百度UED团队原班人马打造24条设计原则
• 下一篇： 网页设计师必须要改观的问题