块级标签

Posted 2020-07-27

特点：

1、前后断行显示，默认状态下占据一整行

2、具有一定的宽度和高度，可以通过设置块级标签的width、height属性来控制

3、块级标签常用作容器，即可以再“容纳”其他块级标签或行级标签

     行级标签一般用于组织内容，即只能用于“容纳”文字、图片或其他行级标签

 

区分：页面布局角度

（1、基本的块级标签

     1）、标题标签<h1>~<h6>

     2）、段落标签<p>    自动换行

     3）、水平线标签<hr/>  

（2、常用于布局的块级标签

     1）、有序列表标签<ol>-<li>

     2）、无序列表标签<ul>-<li>

     3）、定义列表标签<dl>-<dt>-<dd>

     4）、表格标签<table>-<tr>-<td>

    5）、表单标签<form>-<input>

    6）、分区标签<div>

 

 

总结：常用的块标签

 

1）、div-ul(ol)-li：常用于分类导航或菜单等场合

 

2）、div-dl-dt-dd：常用于图文混编的场合

 

3）、table-tr-td：：常用于图文布局或显示数据

 

4）、form-table-tr-td：常用于布局表单