岁月如歌

CSS 和 JavaScript 的压缩已经很成熟，各大网站都在使用。HTML 的压缩（特指去除空白字符和注释），除了 Google 等搜索页面，在其它网页上基本见不到踪迹。

原因很简单：

1. HTML 文档中，多个空白字符等价为一个空白字符。也就是说换行等空白字符的删除是不安全的，有可能导致部分元素的样式产生差异。
2. HTML 元素中，有一个pre, 表示 preformatted text. 里面的任何空白，都不能被删除。
3. HTML 中有可能有 IE 条件注释。这些条件注释是文档逻辑的一部分，不能被删除。

只想到以上 3 点，可能还有其它陷进。对于动态页面来说，HTML 的压缩有可能还会增加服务器的 CPU 负担，得不偿失。

一般来说，通过 gzip 压缩已经能达到很好的效果。进一步的压缩存在陷进，除非能像 Google 一样充分测试（Google 也仅压缩了少部分核心服务的页面），否则不推荐对 HTML 进行压缩处理。

在JavaEye看见这个话题，讨论挺有意思，忍不住也掺和一把。

语义思考

首先，链接a和按钮button是有语义的，不能因为使用上的方便而替换。a是anchor的缩写，是一个锚点，用来导航或定位。典型用法为：

<a href="http://www.w3c.org/">W3C Web Site</a>
<a name="anchor-one">This is the location of anchor one.</a>
<a href="#anchor-one">Link to anchor one</a>

还可以同时指定name和href属性，这是基础知识，若有疑问请参考HTML 4.01规范。

再说按钮（包括 button 和 <input type=”button/submit” />）。从语义上讲，按钮是表单的一部分，触发的动作和表单是有关联的。如果根本就没有表单操作，就不应该使用按钮。举些例子：

上图是一些链接，虽然长得像button 阅读全文 »