不应忽视的HTML优化
作者
崔康
发布于
2010年5月13日 下午10时14分
随着Web2.0技术的不断发展，Web前端的优化受到越来越多的关注，特别是JavaScript和CSS优化的讨论一直是热点，工具也
相对丰富，而对HTML优化则有所忽视，最近，来自百度泛用户体验团队
的工程师Miller
（chenminliang）撰
文
强调了HTML优化的重要性和相关技巧。
Miller首先举例说明了HTML优化稍显忽略的事实：
在Steve Souders
的大作《Even Faster Web Sites
》
中谈到非常多有效的前端优化方法，例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等，唯独没有细说HTML优化。
他强调HTML优化虽然看似微小，但是不可忽视：
在整个前端的构成中，HTML是必不可少的一部分，而且是真正的展示“前端”。虽然与动辄十几K的Javascript相
比，HTML的大小在整个页面资源中一般不会占太多的比重，而且还有Gzip，但是事实表明，大多数页面都有较大的压缩余地，即使是Gzip过后仍然能减
小可观的体积...
Miller在文中总结了HTML优化的各种方法，将其分为两类：绿色规则
——在各类页面中适用且无害和橙色规则
——
在某些具体的情况下才适用或者有违标准。
绿色规则可以概括为以下几种：
使用相对URL
，某些href、src属性如果与当前页面处于同一域名下，则使用相对URL能够节省至少一个域名的长度。
删除HTTP或者HTTPS
，绝对URL都以HTTP或HTTPS等协议头开始，如果能确定URL的协议与当前页面URL
的协议是一致的，或者说该URL在多种协议下均是可用的，则可以考虑删除这个协议头。
删除注释
，考虑不必要的IE条件注释和CDATA注释及自定义注释。
压缩空白符
，对于多数标签，可以通过删除多余的空白符来减少HTML体积，但是对于pre等是例外。
压缩inline css & Javascript
，不管inline还是external，都需要压缩，这是
减小体积的最直接的方式。
CSS&Javascript尽量外链
，不仅可以减少体积，还能够充分利用浏览器的缓存机制。
删除元素默认属性
，在HTML规范
中，很多HTML元素的属性是有默认值的，对于这些默
认值可以抹去不写。
橙色规则就不一一列举了，感兴趣的读者可以直接查看原
文
。
除了优化技巧之外，Miller特别推荐了两款相关工具——Absolute HTML Compressor和PageSpeed1.6：
HTML优化工具目前比较理�
相关文档：
纯文本还是HTML?
---哪一种邮件类型更适合你？
引言
如果你正准备启动一项邮件营销计划，但不确定是该用图文并茂的HTML邮件来提升邮件的视觉体验，还是用纯文本的邮件来提高邮件的送达率（并节省资源），Comm100将通过本文为你列举这两种邮件类型各自的优劣势，并教你如何通过模板类型和显示效果来优化你的邮件营销计划� ......
HTML的界面有以下特点：图文混排，格式灵活，可以包含Flash、声音和视频等，实现图文声像的多媒体界面，而且易于建立和维护。另外，HTML的显示环境一般机器上都具备，通常不需要安装额外的软件。当然，HTML界面也有它欠缺的方面，即：界面控制能力有限，代码调试不便----虽然DHTML提供了比较强的编程特性，但是比起Delphi的 ......
因为Wap2.0使用XHTML语言并兼容WML，以下是网上找的XHTML和HTML的区别
XHTML相比于HTML
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如和<li>而不一定写对应的
和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须 ......
XML和HTML常用转义字符
XML和HTML中都有一些特殊的字符，这些字符在XML和HTML中是不能直接使用的，如果必须使用这些字符，应该使用其对应的转义字符。
如果在XML文档中使用类似"<" 的字符, 那么解析器将会出现错误，因为解析器会认为这是一个新元素的开始。
所以不应该像下面那样书写代码:
<message&g ......
