サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
具体的にHTML5のマークアップ例に入る前にsectionとarticleの違いについてキチンと説明しておかねばなるまい。 文章構造を示す上では非常に便利でSEOへの期待も高まるこの2つの要素ですが 違いについて悩むケースが多く、また某参考書では明らかに説明が間違っているものもありました。 そこで、今回はITかあさんのブログを例に、sectionとarticleの違いを説明しておきたいと思います。 ITかあさんトップページ まずはITかあさんトップページの画像のキャプチャをご覧下さい。 (説明しやすくするために一部はしょってあります。) 特にnavや、asideはそれほど悩みませんね。 どれがarticleなのか どれがarticleなのかが理解できれば、残りはsectionになりますから、先にarticleから考えましょう。 articleとは『それ単体で完結出来る、独立したもの』なので
h1~h6要素は、セクションの見出しを表します。h1に近いほど見出しのレベルが高くなり、h6に近いほど低くなります。 デフォルトスタイル(太字、文字サイズ、上下マージン) <h1>ランク1の見出し</h1> <h2>ランク2の見出し</h2> <h3>ランク3の見出し</h3> <h4>ランク4の見出し</h4> <h5>ランク5の見出し</h5> <h6>ランク6の見出し</h6> 見出しの付け方 通常は、セクションの階層に合わせてh1要素から順に見出しを付けていきます。 以下の例では、親セクションにh1要素、子セクションにh2要素、孫セクションにh3要素を使用しています。 上記を、セクショニング要素を使って明示的にマークアップすると次のようになります。 <body> <h1>親セクション</h1> <section> <h2>子セクション</h2> <section> <h3>孫セクシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く