HTML and CSS - HTML5 Markup: Modern HTML(adding more header elements,time elements)

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS (Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 12(HTML5 Markup: Modern HTML)、SHARPEN YOUR PENCIL(No. 8884)を解いてみる。

SHARPEN YOUR PENCIL(No. 8884)

HTML (BBEdit, Emacs)

<style>
header.header_article {
    line-height: 150%/* 適切な高さに設定 */;
}
</style>

<article>
  <header class="header_article">
    <h1>題名1</h1>
    <time datetime="2014-12-26">12/26/2014</time>
  </header>
  <p>記事内容1</p>
</article>

<article>
  <header class="header_article">
    <h1>題名2</h1>
    <time datetime="2014-12-27">12/27/2014</time>
  </header>
  <p>記事内容2</p>
</article>

題名1

12/26/2014

記事内容1

題名2

12/27/2014

記事内容2