HTML 语义化标签的认识

语义化标签

    目标：能够认识开发中常用的 没有语义布局标签 （div、span）和有语义的布局标签

    学习路径：

    没有语义的布局标签

    有语义的布局标签（主要用于wap）

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

    场景：实际开发网页时会大量频繁的使用到div和span这两个没有语义的布局标签

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

    span标签：一行可以显示多个

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

有语义的布局标签

    场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用

    标签：

    注意点：

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

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