- 头部区域(header):
- 包含Logo、主导航、搜索、注册、登录等信息。
- 标签字段命名为
<header>
,<nav>
,分别用于头部区域和导航栏。 - 一般设置为浮动类型,方便用户随时通过导航栏跳转。
- 主视觉区(banner):
- 用于展示公司品牌形象、新品宣传、主题活动等轮播大图。
- 标签字段命名为
<section class="banner">
。 - Banner区可用
<div class="banner-item">
存放轮播图片或视频,以及描述文字等。
- 主要内容区(main):
- 包含新闻动态、产品与服务、公司介绍等。
- 标签字段命名为
<main>
或<section>
,根据内容的不同功能模块使用不同的标签。
- 底部信息区(footer):
- 包含网站地图、联系我们、版权信息、ICP备案号等信息。
- 标签字段命名为
<footer>
。 - 使用列表(
<ul>
)或分块(<div class="footer-block">
)形式组织内容。