随着Web2.0技术的不断发展，Web前端的优化受到越来越多的关注，特别是JavaScript和CSS优化的讨论一直是热点，工具也相对丰富，而对HTML优化则有所忽视，最近，来自百度泛用户体验团队 的工程师Miller （chenminliang）撰文 强调了HTML优化的重要性和相关技巧。

Miller首先举例说明了HTML优化稍显忽略的事实：

单行文字垂直居中可以使用line-height来得到效果，当然也可以通过设置padding来处理，不过对 行多行文字垂直居中的话，行高line-height就不适合了，在没有定义高度的情况下，可以使用padding来 处理。当有定义有高度的可以分为两种情况：一：非IE浏览器这个比较简单，在设置vertical-align:middle;外还应把它的 display属性设置为表格的table-cell属性就可以觖决。但是注意当 display属性为table-cell时，边框的宽度是算在width里面的二：IE浏览器 IE确实是个让人比较烦的家伙，特别是IE6，但没办法，目前使用IE6的人还是最多的 。

method=”get”，表单在提交时，填写在表单中的数据会和action=”url”中的url 编码在一起。

method=”post”，表单在提交时，填写在表单中的数据将在底层发送到 action=”url”中的url去。

两者的区别在于，method=”get”时，数据传输是可见的；method=”post”时，数据传输是不可见的。

notes的代理一般用的post方法，在domino端有一个接受程序（也就是action所指 url地址）解析客户端发来的表单数据，并构造成DocumentContext文档对象，设为该用户会话的属性。

给出一个例子，这个例子可以在WAP页面直接呼叫手机号码，是利用WTAI(Wireless Telephony Application Interface)进行处理的，基本上所有的手机都支持，利用WTAI也可以收发短信，功能比较强大！

1、CSS样式法：（将如下样式添加到透明PNG所在的层）

.divBox{
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent_Image.png');
_background-image: none;
}

使用方法：

 <div class="divBox"></div>