【53】静态网页开发(3)——首页index.html结构布局技巧

本篇目录：

• 语义化标签的使用
• 以拉勾网页为例分析：

准备工作	确定版心、分析页面中行模块及其中列模块
1	<header>区域
2	.login-banner区域
3	.search区域
4	<main>区域
5	.hot-recruit区域
6	.hot-company区域
7	.more区域
8	<footer>区域
9	.back-top区域

---

一、语义化标签的使用

点击回顾【48】HTML5(2)——新增①标签语义化

---

二、以拉勾网页为例分析

点击查看完整网页

（以下只展示了部分）

---

确定版心、分析页面中行模块及其中列模块

• 页面布局：两列左窄右宽型+通栏平均分布型
  

---

1. <header>区域