1. 以前的乱象
在 HTML5 出现之前，网页里全是 <div>。看代码就像在看一堆没有任何标记的纸箱子，谁知道哪个装的是衣服，哪个装的是炸弹？
<div id="header">...</div>
<div class="nav">...</div>
<div class="content">...</div>
<div id="footer">...</div>
👷 包工头吐槽：
"这全是 div，我怎么知道哪里是房顶，哪里是地下室？这房子没法盖！"
2. 语义化标签登场
HTML5 带来了一套有意义的标签。它们告诉浏览器和搜索引擎：我是什么，我负责什么。
<nav>
走廊/导航
菜单、目录
<section> / <article>
主卧/客厅
核心内容区域
<aside>
侧边栏/车库
广告、相关链接
3. 深入解析
<article> vs <section>
这是最容易混淆的！
- Article (文章)： 独立的、完整的、可以被单独拿出来的内容。比如：一篇博客、一条新闻、一个帖子。
- Section (章节)： 文档中的一个区域。比如：第一章、第二章、"关于我们"部分。
<aside> 的妙用
它表示"旁边"的内容。
如果是文章里的 aside，可能是引用或名词解释。
如果是页面级的 aside，那就是侧边栏（Sidebar）。