制作网页□□□□并不难，只要有一□□□个文本编□□辑器，买本入门□□书，几分钟就□□□□可以动手□□做出一个□□简单的网□□□□页来。但是，要做一个□□□□好的网页，却不是一□□□□件容易的□□□□事情，任何一个□□□有经验的☆攻城师都□□知道，工作中的□□□最大考验▲和最不可□□回避的问□□□题就是“变化”。我们在制□□□□作网页的□□□□适合，不经要实□□现需求，更重要的□□□□是要考虑□□□□实现代码□□的可维护※性，为未来可□□□□能出现的“变化”提前做好◎准备。
 
要编写高☆质量易维□□□□护的代码▲首先要熟□□悉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会产生重□□□□合）