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

来源：互联网发布：硬盘检测软件编辑：程序博客网时间：2024/06/05 10:35

文章

由上个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

0 0