HTML中元素标签的分类及结构标签

1.HTML中标签分为3类：块元素、行内元素、行内块元素

    块元素，其主要用来布局

     每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。
     常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>,<center>等。

     特点：

1. 总是从新的一行开始
2. 高度、宽度都是可控的
3. 宽度没有设置时，默认为100%
4. 块级元素中可以包含块级元素和行内元素

     行内元素，主要用来包裹文字

      不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽         度，高度以及对齐等属性。
       常见的行内元素包括<a>,<strong>,<b>,<em>,<del>,<span>等。 

       特点

1. 和其他元素都在一行
2. 高度、宽度以及内边距都是不可控的
3. 宽高就是内容的高度，不可以改变
4. 行内元素只能行内元素，不能包含块级元素块元素（<a>标签除外，它里面什么都能包含，除了<a>标签之外）

      行内块元素

      兼具块元素和行内元素的特点，不会单独占一行，但也有块元素的其他特点

       常用的行内块元素有<img>标签

2.结构标签

  用来搭建网页的结构标签是HTML的新标签，新标签的出现让网页更清晰、性能更好。

    <header>--网页的头部--</header>

    <footer>--网页的底部--</footer>

    <aside>--网页的侧边栏--</aside>

    <section>--网页的任意部分，没任何语义，一般代替div--</section>

    <article>--网页的文章部分--</article>

    <main>--网页的主体--</main>

    <nav>--网页的导航--</nav>

  绝大部分的结构标签都是块元素