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 这个站点。