标签的分类

 标签（元素）的分类

       1、形式上  双标签    单标签

       2、特点上

         块标签（块元素）   主要用来布局

            1、会独占一行

            2、默认情况，块标签宽度是父元素的100%，高度是被内容撑开的

            3、可以设置宽高

 

            例如：

                div、h1-h6、footer、center ····div、h1-h6、页脚、中心 ····

         行内标签（行内元素） 主要用来包裹文字

            1、不会独占一行

            2、默认情况，行内标签宽高是被内容撑开的

            3、不可以设置宽高，宽高只会被内容撑开

            例如：span、strong、em、del···

           

         行内块标签（行内块元素）

            1、兼具块标签和行内标签的特点，即是不会独占一行，可以设置宽高

            2、标签和标签之间有大概3像素的空白间隙

            例如：img

     标签布局注意点

     1、块元素里面可以放任何内容，包括块元素，行内元素，行内块元素

     2、行内元素里面一般就包裹文字，里面不能放块元素

     3、特殊的块元素 p  里面只放文字或者图片，不能放块元素

     4、特殊的行内元素  a  里面什么都能放，可以放块元素，行内元素，行内块元素

 header  表示网页的头部区域

     main    表示网页的主体区域

     footer   表示网页的底部区域

     nav     表示网页的导航区域

     aside   表示网页的侧边栏

     article  表示网页文章区域

     section  表示一个区块，没有特殊的语义 类似div