HTML-双飞翼布局&Logo优化

1.双飞翼布局：其实就是在中间的main盒子里又添加了一个盒子，如：

<div class="Container">    <div class="main">        <div class="inner"></div>    </div>    <div class="left"></div>    <div class="right"></div></div>

这种布局方式不用给左右两边的盒子给定位。

2. 

样式：

.logo a{      display: block;      width: 100%;      height: 100%;      background:url("baidu.PNG") no-repeat;      text-indent: -2000em;  }
SEO代码：
<div class="Container">    <div class="main">        <div class="inner"></div>    </div>    <div class="left">        <div class="logo">            <h1> <!- 提高访问的权重->                <a href="http://www.xiaoxiang.com" title="旗袍定制">潇湘馆</a>                <!- 假设http://www.xiaoxiang.com 是一个实际存在的站点->            </h1>        </div>    </div>    <div class="right"></div></div>

这样显示的效果就是：百度的图标，但是点进去以后就会进入到 http://www.xiaoxiang.com 这个站点。