我们选择的网站是GitHub（github.com）的首页。
- 首先，我们可以看到页面的顶部有一个导航栏，其中包括GitHub的标志、搜索框、登录和注册按钮等。这些元素被包含在一个
<nav>标签中，这是一个语义化标签，表示它们是页面的导航部分。 - 接下来，我们看到页面的主要内容被包含在一个
<main>标签中，这也是一个语义化标签，表示它是页面的主要内容。在<main>标签中，我们可以看到一个包含<h1>标签的标题，这是一个语义化标签，表示页面的主要标题。此外，还有一些包含<div>标签的容器，这些标签是非语义化的，它们没有提供任何关于它们所包含内容的信息。 - 在页面的底部，我们可以看到一个包含
<footer>标签的区域，这是一个语义化标签，表示它是页面的底部部分。在<footer>标签中，有一些包含<div>标签的容器，这些标签是非语义化的，它们没有提供任何关于它们所包含内容的信息。 - 总的来说，GitHub的首页使用了一些语义化标签来表示不同部分的内容，例如
<nav>、<main>和<footer>，这些标签提供了有关它们所包含内容的信息。然而，页面中还有许多非语义化标签，例如<div>，这些标签没有提供任何关于它们所包含内容的信息。在这些情况下，我们需要依赖CSS类或ID来识别和操作这些元素，这可能会导致HTML代码的混乱和不易维护。 - 因此，虽然非语义化标签可以用于布局和组织页面，但在关键部分使用语义化标签可以使HTML代码更加清晰、易于理解和维护。#青训营笔记创作活动
