![http://www.hp-stylelink.com/news/2013/10/20131001.php](https://cdn-ak-scissors.b.st-hatena.com/image/square/8caf7e5aff5445840e060336c9aa9e7d64558a35/height=288;version=1;width=512/http%3A%2F%2Fwww.hp-stylelink.com%2Fnews%2Fassets_c%2F2013%2F09%2F20131001_thumbnail-thumb-200x160-75.jpg)
サービス終了のお知らせ 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>孫セクシ
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた? 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く