HTML&CSS基础学习笔记1.22-文章布局

时间：2022-05-10 08:41:07

文章

由上个html的文章，我们可以了解到在网页上使用语义化标签的重要，接下来我们会介绍几个经常使用到的语义化标签。

<article>标签：规定独立的自包含内容。就像是一篇文章一样，它本身就是个独立的、完整的个体。

<section>标签：定义文档中的节（section、区段）,它更强调分段或分块。

具体来说，如果一块内容相对来说比较独立的、完整的时候，应该使用<article>标签，但是如果你想将一块内容分成几段的时候，应该使用<section>标签。

依旧来看个实例吧：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <title>语义化标签</title>
</head>
<body>
<h1>文章</h1>
<!-- 文章 -->

    <h1>大标题</h1>
    <!-- 节 -->
    <section>
        <h3>标题1</h3>
        <p>文章正文</p>
    </section>
    <!-- 节 -->
    <section>
        <h3>标题2</h3>
        <p>文章正文</p>
    </section>

</body>
</html>
结果会是？

更多学习内容就在码芽网http://www.mayacoder.com/lesson/index

HTML&CSS基础学习笔记1.22-文章布局

标签：

相关文章