もうタグ付けで悩まない！HTML5再入門 | MONSTER DIVE
アウトライン、意識してますか？ section、article、悩んでますか？ この記事は、HTML5に対してまだ若干のモヤモヤが残る人のために、スッキリ分かりやすくまとめようと努力してみる『HTML5再入門』です。 すべての内容を網羅するわけではなく、ツボをイイ感じに抑えることが目的です。 アウトラインがなくては始まらない アウトラインとは何か 日本語に訳すなら文書構造。意味はそのまんま文書の構造です。 HTML5に限らず、文章で表現された資料には構造があります。 上図では、言うまでも無く枠で囲ったブロックの構造がアウトラインです。 このアウトラインをHTMLで表現することで、検索ロボットなどの機械が読んでも文書の流れや展開を理解してもらえるようなHTMLが出来上がります。 アウトラインを作る下準備 理屈で分かっていても、実際にその通りにアウトラインが組めているか、確認する手段が無ければ
sectionとarticleの決定的な違い
具体的にHTML5のマークアップ例に入る前にsectionとarticleの違いについてキチンと説明しておかねばなるまい。 文章構造を示す上では非常に便利でSEOへの期待も高まるこの２つの要素ですが 違いについて悩むケースが多く、また某参考書では明らかに説明が間違っているものもありました。 そこで、今回はITかあさんのブログを例に、sectionとarticleの違いを説明しておきたいと思います。 ITかあさんトップページ まずはITかあさんトップページの画像のキャプチャをご覧下さい。 (説明しやすくするために一部はしょってあります。) 特にnavや、asideはそれほど悩みませんね。 どれがarticleなのか どれがarticleなのかが理解できれば、残りはsectionになりますから、先にarticleから考えましょう。 articleとは『それ単体で完結出来る、独立したもの』なので
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
