html5之语义化标签总结（共5个）

最新推荐文章于 2024-06-02 09:58:03 发布

weixin_43343144

最新推荐文章于 2024-06-02 09:58:03 发布

阅读量1.4k

点赞数

分类专栏： html5 CSS3

本文链接：https://blog.csdn.net/weixin_43343144/article/details/88851375

版权

CSS3 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

html5

6 篇文章 0 订阅

订阅专栏

<header>顶部标签</header>
<nav>导航栏标签</nav>
<section>中心标签</section>
<article>文章标签</article>
<footer>底部标签</footer>

<div class="container">
    <header>
        <nav>这里是一个导航栏</nav>
    </header>

    <section>
        <article>这里是一个文章</article>
    </section>

    <footer>底部</footer>
</div>

.container {
  width: 1200px;
  height: 800px;
  background:gray;
  margin: 0 auto;
}


header {
  height: 200px;
  background: #f00;
}

section {
  height: 400px;
  background: #0f0;
}

footer {
  height: 200px;
  background: #00f;
}