HTML代码优化的基本原则

     在合法有效的HTML代码，编辑器会造成HTML冗余臃肿问题：如FrontPage、Dreamweaver，可以帮助我们简便快速地创作或编辑HTML页面，但在生成“干净的”HTML代码方面则是个弱项，尤其在其对一个网页进行修改的时候，往往会产生很多不必要的冗余代码。当页面的HTML文件在存在大量的冗余代码时，文件便会变得臃肿，这不但会降低网页的打开速度，损害到网页的效率，同时也会严重影响到相当网页的搜索引擎排名。

    1.尽可能的使用最精简的HTML代码

    要提高页面的下载速度，降低服务器带宽的压力，需要我们尽可能地缩小页面文件的“体积”，当然，这不能以减少页面中具体内容为代价，也即是说应该在保证页面可视部分不变的前提下，尽可能使用精简的代码，减小页面HTML文件的字节数。事实上，在HTML中同一效果的实现可以有多种不同的解决办法。比如说，如果我们需要在页面中显示“粗体”字，至少有两种方式可以实现：<strong> 标签或 <b> 标签，很显然，使用 <strong> 标签要比使用 <b> 标签多了5个字符，而如果考虑到HTML标签必须成对出现的语法，相应的 <strong></strong> 标签要比 <b></b> 多了10个字符。虽然某些HTML组织推荐使用<strong>标签，但事实上，二者毫无区别，无论在页面显示还是SEO方面，使用<b></b>标签效率将会更高。

     2.尽可能避免冗余的嵌套标签

     HTML代码一个显著的特征便是其支持代码的嵌套。但由此而来的另一个问题便是，所见即所得编辑器在修改某个格式时并不会将原格式删除，而只是简单地在原代码中置入新的嵌套标签，这样不可避免地使HTML代码变得臃肿。所以，要注意页面HTML文件中冗余的嵌套代码。如：<font face="宋体">这是</font><font face="宋体"><strong>粗体</strong></font><font face="宋体">示例</font>可以写成<font face="宋体>这是<b>粗体</b>示例</font>。

     3.尽量使用CSS

     我们可以通过定义样式表(CSS: Cascading Style Sheets)来实现，这样可以增强代码的复用，提高效率；CSS也可以带来其他好处，如可以作为外部文件引用，这样，会大大降低HTML页面文件的大小；而当我们需要对页面的某些格式调整时，不必一个个去改动每个页面，只需调整CSS文件即可。