- 一栏式布局：
- 结构简单，视觉流程清晰，适用于信息量小的网站。
- 标签字段命名为
<main>，或根据需要划分更多的<section>。 - 通常配合大幅精美图片或交互动画，实现视觉冲击效果。
- 两栏式布局：
- 最常见的布局方式之一，分为左窄右宽、左宽右窄、左右均等。
- 左窄右宽：
- 左侧为导航栏，右侧为网页内容，符合用户浏览习惯。
- 标签字段命名为
<nav>和<main>或<section>。
- 左宽右窄：
- 左侧为内容区，右侧为导航或辅助信息，突出内容主导地位。
- 标签字段命名为
<main>和<aside>。
- 三栏式布局：
- 排版紧凑，充分利用网站空间，展示更多信息。
- 标签字段命名为
<main>,<nav>和<aside>。 - 通常用于信息量丰富的网站，如门户网站、电商网站、学习类网站首页。