语义化标签的介绍

    1 没有语义的布局标签-div和span

        使用场景：实际开发时会大量频繁使用的div和span布局标签

        代码：

                    <div></div>

                    <span></span>

            div标签一行只显示一个（独占一行）

            span标签一行可显示多个

        例题：

    <div>这是div标签</div>
    <div>这是div标签</div>

    <span>这是span标签</span>
    <span>这是span标签</span>

        效果图： 

 

 

    2 有语义的布局标签（了解）

        使用场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用，制作手机端网页时使用

        代码：

                    <header>网页头部</header>

                    <nav>网页导航</nav>

                    <footer>网页底部</footer>

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

                    <section>网页区块</section>

                    <article>网页文章</article>

        注意：以上标签特点和div一致，但是比div多了不同的语义

        例题：

    <header>网页头部</header>
    <nav>网页导航</nav>
    <footer>网页底部</footer>
    <aside>网页侧边栏</aside>
    <section>网页区块</section>
    <article>网页文章</article>

        效果图：

 

 

---

   以上是作者学习总结，分享所学，共同进步。如若哪处有误，感谢指出！