EPISODE 46

第46话：语义化家族

别再全是 div 了！来认识一下这些有名字的新成员吧！

📰

我是 <article>！我负责承载独立的内容，比如博客文章、新闻报道。

📑

我是 <section>！我负责给内容分章节，让结构更清晰。

<article>
  <h1>HTML5 漫画大冒险</h1>
  <section>
    <h2>第一章</h2>
    <p>故事开始...</p>
  </section>
</article>

🎩

<header>: 我是头部！
<footer>: 我是脚部！
<nav>: 我是导航！
<aside>: 我是侧边栏，讲点八卦！

<header>网站标题</header>
<nav><a href="#">首页</a></nav>

<main>
  <p>主要内容...</p>
  <aside>相关广告...</aside>
</main>

<footer>版权所有</footer>

🎁

猜猜我肚子里有什么？点我就知道！我是 <details>。

<details>
  <summary>点击查看隐藏内容</summary>
  <p>惊喜！我是一只皮卡丘！⚡</p>
</details>

点击查看隐藏内容

惊喜！我是一只皮卡丘！⚡

← 上一话下一话 →