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