编写结构清晰易维护的代码该注意什么？

制作网页并不难，只要有一个文本编辑器，买本入门书，几分钟就可以动手做出一个简单的网页来。但是，要做一个好的网页，却不是一件容易的事情，任何一个有经验的攻城师都知道，工作中的最大考验和最不可回避的问题就是“变化”。我们在制作网页的适合，不经要实现需求，更重要的是要考虑实现代码的可维护性，为未来可能出现的“变化”提前做好准备。
 
要编写高质量易维护的代码首先要熟悉web标准，即结构、样式和行为的分离。
 
W3C是一个专门负责制定网页标准的非营利性组织，致力于结束网页制作领域混乱不堪的局面，Web标准就是由W3C组织推行的。Web标准由一系列标准组合而成，齐核心理念就是将网页的结构、样式和行为分离开来，所以它可以分为三大部分：结构标准、样式标准和行为标准。结构标准包括XML标准、XHTML标准、HTML标准；样式标准主要是指CSS标准；行为标注主要包括DM标准和ECMAScirpt标准。
 
一个符合标准的网页，标签中的标签名应该全部都是小写的，属性要加上引号，样式和行为不再夹杂在标签中，而应该分别单独存放在样式文件和脚本文件中。理想状态下，网页源代码由三个部分组成：.html文件、.css文件和.js文件。
关于高质量的HTML每个标签都有语义，所以我们应该使用有语义的标签，而且搜索引擎看不到视觉效果，看到的只有代码，只能通过标签来判断内容的语义。
先确定HTML，确定语义的标签，再来选用使用的CSS。
如何判断网页标签语义是否良好：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。
语义化标签应该注意的问题：
 

 

关于高质量的CSS

模拟化css,也就是说将面向对象编程思想引用到组织css中，使用单一职责原理来划分模块。
1、模块与模块之间尽量不要包含相同的部分，如果有相同部分，应将它们提取出来，拆分成一个独立的模块。
2、模块应在保证数量尽可能少的原则下，做到尽可能简单，以提高重用性。
css命名建议：骆驼命名法用于区分不同单词，划线用于表示从属关系
在使用样式的时候，是挂多个class还是新建class，建议多用组合，少用继承。因为这样一方面减少了代码量，提高了可维护性，另一方面使类的职责更单一，增加了类的重用性，提高了开发效率。
（相邻的margin-left和margin-right是不会重合的，但相邻的margin-top和margin-bottom会产生重合）