结构化语句header nav aside main article section footer

点击查看代码 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>语义化结构 结构化元素</title>
</head>

<body>
    <header>
        header定义页眉，一般放在页面最顶部。也可以放在一个模块区域的顶部。一定不要在header中包含nav
    </header>
    <nav>nav顶部导航栏</nav>
    <aside>aside 侧边栏内容，左侧栏或者右侧栏内容 表示网站的次要信息</aside>
    <main>main定义主体内容，页面中只是用一次即可 表示网站的主要信息
        <article>
            article定义文章块
            <section>section定义一组相似主题的区域，里面包含这个主题的相关内容</section>
        </article>
    </main>
    <footer>footer定义页脚</footer>
</body>

</html>
posted @ 2024-03-20 21:10  caoruipeng  阅读(23)  评论(0)    收藏  举报