section 和 article 元素
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 28 课，共 60 课。
在 HTML 中，<section> 和 <article> 标签用于将内容组织成逻辑部分。
<section> 标签用于定义文档中的一个单元，例如一章或文档中围绕某个主题的其他部分，通常带有自己的标题。它可以将相关内容归在一起。例如，你可以用 <section> 将页面分为简介、正文和联系方式。
下面介绍如何使用 <section> 标签：
<section>
<h2>Section Heading</h2>
<p>Section content goes here.</p>
</section><article> 标签用于指定独立且完整的内容。它本身应当具有完整的意义，并且可以脱离网站的其他内容单独阅读。<article> 元素可以用于论坛帖子、博客文章、新闻报道或评论。
下面介绍如何使用 <article> 标签：
<article>
<h2>Article Title</h2>
<p>Article content goes here.</p>
</article>
挑战
简单创建一个 HTML 文档，使用 <section> 和 <article> 标签构建网页结构。包含以下部分：
- 使用
<main>区域容纳网页的主要内容。 - 在
<main>内创建一个<section>，并添加一个标题（<h2>），内容为 "Upcoming Events"。 - 在
<section>内创建两个<article>元素。 - 每个
<article>都应包含一个标题（<h3>）和一个带有一些占位文本的段落（<p>）。标题使用 "Event 1" 和 "Event 2"，段落使用 "Event 1 details..." 和 "Event 2 details..."。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
基础知识中的所有课
自己练习： Web 在线编辑器