几个HTML编码的良好习惯

坚持做一件事情真的很难，就比如说坚持写Blog。最近写文章的频率明显下降，也许是最近比较忙，但是也可能这只是借口。

另外也有好几周没上Nettut了，今天看到了这篇30 HTML Best Practices for Beginners，觉得写得比较好，在此推荐给大家。没有准备全文翻译，只是针对自己没有做好的几点做个‘检讨’:-)

1. 坚决不用inline的CSS样式

<p style="color: red;">
  这段字体为红色
</p>

专家建议只有在页面HTML代码完成后才考虑CSS样式。不要图一时方便，把CSS样式直接加入HTML标签里。

2. 把所有外部CSS代码都放在Head标签里

通常情况下我也是这么做的。这么做的首要目的是，加快页面的加载速度。

3. 学会使用Firebug

Firebug也是我喜欢的Firefox扩展插件，但是我从来没有认真的研究过它的功能。专家提示：大部分Firebug用户只用到体验到2成的Firebug提供的功能。看来要找时间好好的学习学习。

下面是两个资源：

• Overview of Firebug
• Debug Javascript With Firebug - video tutorial

4. 使用H1-H6标签

从词意学上讲，使用H1-H6标签对SEO比较有帮助。因为H - 代表标题， 而P代表段落，所以用H(例如H6）代替P，有利于搜索引擎的对文章内容的获取。

5. 下载使用ySlow

还没用过，专家建议下载使用ySlow， 是配合Firebug的Firefox插件，可以对现有网页进行优化分析。刚刚下载了，貌似不错。

6. 网站完成后，压缩代码

下面几个网站提供JS和CSS压缩的服务。其实我也用过，只是每次更新网站，要重复解/压缩，觉得有点烦。

• Javascript Compressor
• JS Compressor

• CSS Optimiser
• CSS Compressor
• Clean CSS

7. 学习Photoshop

学习中... 下面是专家建议的PS学习网站，有空一定去看看。

Visit the Videos section at Psdtuts+

Enjoy the "You Suck at Photoshop" series.