大纲标签

WQ{06QVY{@KJNJ79JZ8I{0I.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 网页的头部 -->
    <header>
        <div class="logo">网页的logo</div>
        <!-- 导航条 -->
        <nav>
            导航条
        </nav>
    </header>

    <!-- 网页的核心 -->
    <main>
        <!-- 广告 -->
        <aside>
            广告
        </aside>
        <!-- 文章内容 -->
        <article>
            <h1>文章标签</h1>
            <section>部分1</section>
            <section>部分2</section>
            <section>部分3</section>
        </article>
    </main>
    <!-- 页脚 -->
    <footer>
        网页页脚
    </footer>
</body>
</html>

语义化标签

span标签：

 span标签是文本中“区块”标签，本身没有任何特殊的效果，可以结合css来丰富样式

b标签：

  加粗文字

u标签：

  下划线

i标签：

   使文字倾斜

虽然b、u、i,标签已经被css替代，但在网页中有时也会用得到，表示需要强调的文本

strong标签：

 表示特别重要的文字

em标签：

 表示强调文字

mark标签：

 表示一段需要被高亮的文字

figure和figcaption标签

  figure元素代表一段独立的内容，与说明figcaption配合使用，他是一个独立的引用单元，比如建议读者拓展视野的图片等，当这部分转移到附录中或者其他网页时不会影响到主体。
  不是所有的图片都要放在figure中，在figure中图片不会影响到整体的阅读、在使用标签时根据语义进行选择合适的标签进行使用

大纲标签，语义化标签

大纲标签

语义化标签