语义化标签
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 27 课，共 60 课。
HTML 中的语义标签有助于定义内容的含义，让代码对开发者和浏览器来说都更清晰。与 <div> 和 <span> 不同，它们能为其中的内容提供上下文。
常见语义标签：
<header>：介绍性内容，通常位于顶部。<nav>：包含导航链接。
<main>：页面的主要内容。<article>：独立的内容，例如博客文章。
<section>：将相关内容归为一组，通常带有标题。<footer>：底部区域，包含版权或联系方式等信息。
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h2>Article Title</h2>
<p>Article content goes here.</p>
</article>
</main>
<footer>
<p>Copyright 2023</p>
</footer>这种结构为内容提供了清晰且有意义的布局。
挑战
简单使用语义化 HTML 构建一个电影评论页面。页面应包含：
1. <header>，其中包含：
<h1>"Movie Reviews"<nav>，其中包含链接："Home"、"Reviews"、“Top Picks”
2. <main>，其中包含：
- 用于展示评论的
<article>，其中包含：- 显示电影名称的
<h2> - 包含简短评论的
<p>
- 显示电影名称的
3. <footer>，其中包含：
<p>"Copyright 2023 Movie Reviews"
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里写代码 -->
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
基础知识中的所有课
自己练习： Web 在线编辑器