43、打造 Starbuzz 博客页面全攻略

打造 Starbuzz 博客页面全攻略

1. 构建 Starbuzz 博客页面

在之前的操作基础上，我们使用 <section> 元素来创建博客板块（位于中间列），并为每篇博客文章使用 <article> 元素。具体来说，我们通过复制 “index.html” 文件并将 “main” <section> 替换为 “blog” <section> 来创建 “blog.html” 文件。部分代码如下：

<section id="blog">
  <article>
    <h1>Starbuzz meets social media</h1>
    <p>
    Here at Starbuzz we're embracing the social media craze. In fact, 
we're going further than any of our competitors and we're very close…
    </p>
    <p>
    Sound like science fiction? It's not; I'm already testing our final 
prototype social network cup as I write this…
    </p>
    <p>
    So, keep your e