HTML文档的优化
1.标签的使用：该标签是用户与搜索引擎最看重的标签，它能帮助用户和搜索引擎判断当前页面的主旨和中心思想。对搜索引擎来说，title标签中出现的关键词，基本就是该网页最想要表达的内容，因此，应当将当前页面最核心的关键词写进title标签中。并且要注意越重要的关键字越靠前写。
2. 标签的使用：主要包含两个方面，一个是关键字（keywords）、一个是描述（description）。
1) 关键字：有利于搜索引擎对网站的优化排名，即使网站排名靠前，更易于被用户搜索到。关键字不易过多，7个以内为宜。格式：
2) 描述：设置描述的作用是能在搜索结果页显示并关键词飘红，从而对用户体验有着巨大的影响力。内容建议根据标签中的关键词来拓展描述。描述的字数不宜超过100字，可以是关键字的罗列。格式：
3. h1-h6标签的使用：h标签也是搜索引擎在排名时重点考虑的一个因素，6组标签，分别代表不同的级别，一级标题具备更多的权重。在同一个页面中只能出现一次，而其它标题则可以出现多次，根据需要表现的内容的重要程度，分别使用不同的标题标签。
4. 和标签的使用：这两个标签和标签以及标签相比具有强调作用。也就是说这两个标签是有特殊含义的，如果我们在做页面时需要强调被包含的文本，使用strong或em就比使用b或者i好很多，特别谨记！
6. 清理垃圾代码：所谓清理垃圾代码是指删除页面中的冗余代码，垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码。最常见的垃圾代码为空格，空格字符是网页中最常见的垃圾代码。但并不是指标签，而是有代码编辑环境下敲击空格所产生的符号，每个空格相当一个字符，一个页面，空格就占页面体积的15%，100K的页面，有15K是空格字符。 空格字符最常出现在代码的开始和结束处，还有就是空行中。这些都是容易产生垃圾代码的地方。消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。
7. 使用HTML标签转换：HTML标签的转换主要是指使用短标签替换在网页中有同样效果的长标签，例如与两者都是对字体加粗，但是却比多了5个字符。如果一个页面出现上百个加粗标签。就会产生不少的冗余代码，所以建议用短标签进行优化
8. 表格、列表等容器标签的使用：浏览器编译器遇到一个标签时，就开始寻找它的结束标签，直到它匹配上,才能显示它的内容，所以当表格，ul等容器形式的标签嵌套很多时,打开页面就会特别慢,这样就降低了用户体验了。所以在编写html的时候尽量使一个一个容器独立，如果要嵌套的时候，一定要使其清楚、简洁。
9. 合理使用target="_blank"：合理而不频繁使用target="_blank"可以增强网站整体用户体验。
10. 合理设置友情链接：网站友情链接是网站推广的一个重要手段，友情链接的质量和数量直接影响搜索引擎对网站权重的衡量。友情链接可以给网站带来如下好处：
1) 带来流量网站的流量。
2) 可以提高本站的知名度。
3) 提高各大搜索引擎对本站的权重。
11. 设置网站地图：网站地图就是一个页面，里面包含了访问网站各模块的超链接，它浏览者指明了方向，让网页浏览者快速的找到自己需求的页面。另外网站地图也可以方便搜索引擎蜘蛛抓取网站页面，通过抓取网站页面，清晰了解网站的架构
12. 使用DIV+CSS布局：因为DIV+CSS布局浏览器兼容性好，代码量少，加载速度快，且有利于维护
13. 网站、网页结构清晰合理，页面体积不宜超过100kb
14. 尽量少用无用的图片和flash：内容索引所派出的搜索引擎爬虫，不认识图片，只能根据图片“ALT,TITLE”等属性的内容判断图片的内容。对于flash搜索引擎爬虫更是视而不见。
CSS文档的优化
1. 使用外部样式表：CSS的使用有多种方式，行内样式和内部样式都是把CSS写在当前HTML中，这样会造成HML文档变大，降低网页的加载速度，所以建议使用外部样式表
2. 精简CSS代码：所谓精简CSS代码就是指用最少的CSS代码实现页面修饰的目的，代码的精简可以充分利用样式的继承和复合属性来实现。如果页面中父元素的多个子元素使用相同的样式，那最好把他们相同的样式定义在其父元素上，让它们继承这些CSS样式。这样你可以很好的维护你的代码，并且还可以减少代码量。
3. 整合CSS：所谓整合CSS就是指将通用样式写在一个文件中，将专用样式写在一个文件中。如reset.css和index.css。但是要注意的是这样做有利有弊，有利的一面是提高了CSS代码的重复利用率，但是CSS文件过多，就会增加浏览器对文件的加载次数，使浏览器对页面加载所需时间增长。
4. 重置样式表中不建议使用*{margin：0；padding：0；}：一方面解析缓慢、效率低，另外一方面导致一些不必要的元素也重置了外边距和内边距
5. 使用多重选择器：如h1,p,div{background：red}，这样做不但代码简洁且可为你节省时间和空间。
6. 适当使用注释：注释可以让别人更容易读懂你的代码且合理的组织代码注释，可使得结构更加清晰
7. 压缩CSS代码：压缩css其实很简单，就是去掉多余的空格和换行。实现起来也非常的简单，网上有很多工具，请自行搜索。需要注意的是代码压缩后利于后期维护。
8. 良好的命名习惯
搜索引擎：所谓搜索引擎就是在搜索框中，直接输入所需信息的关键词，就可从互联网中获取与搜索词相关信息的软件系统。搜索引擎的工作通常分为三个步骤，即爬行、索引，搜索。