块标签、行标签、行块标签知识总结

块标签

按标签种类可以将html标签划分为三类，其一块级标签，其二行级标签、其三行级块标签。

凡是带有inline属性的标签都有文本的特点，所以称之为文本类标签。行级标签和行级块标签就是文本类标签。文本类标签里面包含文字时，外面的文字就会和里面的文字进行底对齐。vertical-align特性用于设置文本类标签相对于基线的垂直偏移量。文本写在一行上，只须在一个标签上调节这个特性就可以实现对齐。

特点：独占一行、默认宽度占满父级，高度为0。

    <div></div>
    <h></h>
    <p></p>
    <ul></ul>
    <ol></ol>
    <li></li>
    <article></article>
    <section></section>
    <aside></aside>
    <nav></nav>
    <header></header>
    <footer></footer>

二、行标签（内联标签）

行级标签又称为内联标签，有两个特点，其一内容决定标签所占位置，其二不可以通过css设置宽高、上下内边距和上下外边距。行级标签主要用来处理局部细节。 常见的行级标签如下所示。

特点：同排序跟显示，遇到父级边界换行。不支持宽高，内容撑开宽高。不支持上下外边距。不正常显示上下内边距。换行被解析。

    <span></span>
    <a href=""></a>
    <i></i>
    <b></b>
    <sub></sub>
    <sup></sup>
    <em></em>
    <strong></strong>

三、块级标签

块级标签有三个特点，其一独占一行，其二可以通过css设置宽高和内外边距，其三宽度默认随浏览器自适应。块级标签主要用来布局网页，进行网页大的架构。常见块级标签如下所示。

特点：同排序跟显示，遇到父级边界换行。没有宽高的时候内容撑开宽高。换行被解析。

<img src="" alt="">