KENスクールブログ | パソコン教室・パソコン講座なら個別指導のKENスクール

BLOGKENスクールブログ

  1. KENスクール TOP >
  2. KENスクールブログ > Web・DTPデザイン > HTMLを始めよう! その3

Web・DTPデザイン

HTMLを始めよう! その3

KENスクールの動画配信サービス「KEN×ONLINE」

前回は、HTML5の「コンテンツ・モデル」についてお話しました。
今回は、要素についてお話します。

HTML5から新しい要素が加わり、より明確なマークアップが可能となりました。
その中でも「セクショニング・コンテンツ」の使い方が難しいですね。

以前までは、<div>を使用することで、構造のアウトライン化が可能でしたが、HTML5では新しいセクショニング要素(<article>、<section>、<nav>、<aside>)が導入されることで<div>でない明確な構造化を実現します。

<section要素の使い方>

・section要素はh要素と一緒に定義
 section要素は文書のアウトラインを定義する要素なのでsection要素の直下にはh要素を使います。

sectionの使い方その1

 

・入り子として使用可能
 section要素の中にsection要素を入り子として使用可能です。

sectionの使い方その2

 

sectionを入り子で使用する時は、h要素も階層に合わせて使用することが推奨されていますので注意しましょう。

今回は、section要素についてご紹介しましたが、次回はその他の要素をご紹介します。

 

この記事に関連する講座

HTML5をしっかり理解してコーディングのスペシャリストになろう

詳しくはこちら