前端：html布局

目录

 

结构标签

嵌套常用结构

文章块

内容块

导航栏

侧边栏

主要区域

标题栏

标题组（标题或子标题进行分组）

脚注栏

---

结构标签

1、导航列表直接用<ul>，就不需要放在div里面了，过度使用div是结构不合理的一种表现

2、<span>用来对行内元素进行分组，一般用的比较少

3、标题<h1>。。。

4、<p>段落文本

5、<ul>：信息列表；<ol>：导航列表；<li>：榜单列表

6、<table><tr><td>:表格结构

7、<form><input><textarea>:表单结构

嵌套常用结构

文章块

内容块

article可以看作特殊的section，article更强调独立性、完整性。section更强调相关性，可以看作一个使文章义格式段落。但是两者都不能用来取代div，div用来布局网页，按需求在div里面添加article和section

导航栏

1、nav是一个可以直接用做页面导航的链接组放主要的，基本的链接组

侧边栏

主要区域

标题栏

标题组（标题或子标题进行分组）

脚注栏