2016年11月12日(土)

HTML5で覚えておきたい！セクションマークアップの要点とは

• 0
• 0
• 0
• 0

HTML5で新しく追加されたタグの一つ、「section要素」。
「人間にとってもコンピュータにとっても内容を理解しやすい文書構造を作ろう」というセマンティックWebの考え方に基づいて登場しました。そのsection要素を使ったマークアップの考え方を把握することが、HTML5の正しい理解につながります。

今日は、そんなsection要素を活用する「セクションマークアップ」の考え方についてご紹介します。

セクションとは

セクションとは、章や節、項など、文書全体の中の一部のまとまりやカタマリのことを指します。セクションは、見出しと本文というように、階層構造で成り立つ領域になっています。新聞や雑誌をイメージするとわかりやすいでしょう。セクションがなければ、いくら有益な情報が載っていたとしても、読みづらく、わかりづらい文書になってしまいます。
たとえば、Webサイトを開いた時に、いきなり次のような文章が長々と続いて表示されいたら、どう思うでしょうか。

いづれの御時にか。女御、更衣あまたさぶらひ給ひけるなかに、いとやんごとなき際にはあらぬがすぐれて時めき給ふありけり。

がんばって読み進めなければ、何の情報が載っているのか分かりませんね。 しかし、最初...