失敗した　その内容と理由

記事の部分にarticleをつかわなかった点が失敗です。なぜつかわなかったのかというと、「練習用に小規模のページにしよう」とした結果、つかうにつかえぬ状況になってしまったからです。

くわしくは以下のとおり。

今回は練習のため、つぎのような前提条件でやりました。それが敗因です。

• とにもかくにも、まずは新要素をつかってマークアップしてみよう
• 勉強のために巨大なページをつくるのはたいへんなので「１件分の記事を表示するだけのページ」に絞ろう

結果、つぎのようなかんがえで進め、アウトラインの組み立てに失敗しました。

1. 「１件分の記事を表示するだけのページ」だからbody（セクショニング・ルート）の見出しには記事の見出しをつかうべき
2. 記事の見出し、本文、著者情報の３つはarticleにいれるべき。なぜならarticleは自己完結したものをあらわし、単独で再配布して再利用できるものだから
3. しかし、articleに記事の見出しをいれると、bodyの見出しがなくなってしまう。すなわち、articleはセクショニング・コンテンツであるため、bodyから１段下がったアウトラインになってしまう。これでは1の考えにそぐわない
4. とはいえ、bodyとarticleの両方に記事の見出しを入れるのはおかしい。では、どちらにいれるべきか
5. 「１件分の記事を表示するだけのページ」なのだからbodyに記事の見出しをいれよう
6. しかし、そのせいで記事部分３つはarticleではない状態になる。記事部分３つは単独で再配布して再利用できるものであるにもかかわらず
7. とはいえ、記事の見出しだけはbodyにいれて、本文や著者はarticleにいれる、ということはできない。なぜなら見出しも含めてはじめて自己完結する単位になると思うから。
8. では、bodyに記事の見出しをつけて、なおかつ、記事の見出しをふくむ、記事部分３つをarticleにする方法は？
9. Ａ．5で否定されたがbodyとarticleにそれぞれ同一の見出しをいれる
10. Ｂ．あきらめてbodyとarticleに異なる見出しをいれる

なにか、根本的にまちがっている気がしてなりません。

結局、今回は結論がだせずに、articleをつかわないという暴挙に出ました。 あくまで「１件分の記事を表示するだけのページ」であることから、 bodyに記事の見出しをつけることを選んだのです。

結果、articleに記事の見出しを含む、本文、著者情報の３つをいれることができなくなりました。 どうせarticleの単位をつくれないのならば、いっそarticleを捨ててしまえ、と考えたのです。

もちろん、単独で再配布して再利用できるものであるにもかかわらず、 articleにいれることができなかったので、失敗です。

どうしたらいいか？

次回へむけての対策です。

かんがえてみると、不自然な前提があることに気づきました。それは「１件分の記事を表示するだけのページ」です。そもそも、このようなページなんて存在するだろうか？

ふつうWebサイトから記事をみるとき、サイトのトップページなどから「最新記事」とか「トピック」とか「記事一覧」とかのナビゲーションを経てやってくる。記事を見終わったら、トップページに戻ったり、隣接する次の記事を見たりする。

ところが、今回は練習用のため、それらナビゲーションを意図的に排除したページにしました。ふつうではありえないページです。「練習用」以上の意味はない、非実用的なページなのです。そんなページをマークアップできなくったって困りません。

では、この前提をなくしてしまえばどうでしょう？

そこで、アウトラインについて大雑把にイメージしてみました。

まずは今回のアウトラインをおさらい。

めざすアウトライン。おそらく、一般的なサイトはこのようなアウトラインではないでしょうか。

つまり、body（セクショニング・ルート）の見出しにはサイト名をつけるようにします。記事の見出しはつけません。そして記事の見出し、本文、著者情報はarticleにいれます。articleにいれることでアウトラインは１段下がりますが、それが自然です。なぜなら、その記事は、そのサイトから生まれた記事だからです。

よし、強引な気もするけど、なんとなくまとまった。あとは未来の自分に託します。