土豆网(tudou.com)前端概况(3)

b)  导航

i、 顶部导航

土豆网导航分为三种，常规导航、黑色小黑边导航，以及视频播放页面的专用导航。

这三种导航使用的HTML是基本一致的，通过CSS来控制不同状态下的表现：

模型解析： 

HTML片段：

ii、 底部导航（从略）

c)内容

i、 贯穿版式：在个别页面，会出现没有左右布局的全页面横向贯穿版式，这时页面结构内只有Content，没有Main或者Side，此时盒状模型全部直接堆积在Content内。另外，除了全站首页以外的所有公共页面都是特制并保持风格统一的贯穿版式。

ii、 左右侧栏：最常见的布局，存在于绝大部分页面。最主要应用在内页管理区域，首页也有用到。

iii、 混合版式：只有视频播放页面用到。