HTML 第四篇

<div>标签

<span>标签

块级标签和行内标签

标签嵌套规则

由于，<table>标签布局网页，不易维护与不够灵活。因此，目前网页布局基本使用的是：div + css.

<div>标签，是一个区块容器标记，<div></dic>之间是一个容器，可以包含段落、表格、图片等各种HTML元素。

<span>标签，没有实际意义，为了应用样式。

块级标签： 占据一行，换行（div,ul,ol,li,dl,dt,dd,h1-h6,p,form,hr,b, ...）

行内标签：在一行，不换行（除非这行不够了，会自动换行）(span,em,img,a,sup,sub,textarea, ...)

嵌套规则：

1. 块级元素可包含行内元素和某些块级元素。

<div>几乎可以包含所有的块级元素

2. 行内元素不能包含块元素，只能包含其他行内元素

例如，链接，<a href="..."></a>标签内不能包含<h></h>块级标签

3. 块级元素不能放在<p></p>标签内

注意这一点！

4. 特殊块级元素只能包含行内元素，不能包含块级元素

如：h1-h6,p,dt...

5. 块级元素与块元素并列，行内元素和行内元素并列

例如：正例：<div><h1></h1></div> & <div><span></span><a></a></div>

           反例：<div><h1>1</h1><span></span></div>