コース: HTML5 基本講座
今すぐ登録して、23,100件以上登録されている、業界エキスパート指導のコースを受講しましょう。
section要素
このレッスンでは一つのセクション 区切りを定義する section要素について学びます section要素はどのような時に 使えばよいでしょうか それを確かめていきましょう 画面ではブラウザでW3Cの HTML5の仕様書の中から section要素に関するところを 開いているところです それではsection要素の 具体的な記述についてみていきましょう 少し下にスクロールすると section要素をどういう時に適応すべきか そういう説明が書いてあります ここにはsection要素は ドキュメントまたはアプリケーションの 一般的なセクション 一部分を表す とあります セクションとはこの文脈においてコンテンツの テーマ別にグループ化したものです 各セクションのテーマは その特定のセクションを把握するために 子要素としてh1からh6要素 つまり見出しを持ちます 例えば文章を書く上での章 チャプターにあたる部分 タブで分かれているようなページの 一つ一つのタブ 論文における番号付きのセクション などです 一つのページをセクションで分割する 具体的な例としては 一つのページの中に含まれる サイトの紹介が一つのセクション ニュースが一つのセクション 連絡先情報が一つのセクション といった具合です さて その下のNoteと書かれている 部分には それがarticle要素として 理にかなっている場合は section要素の代わりに article要素を使うことを推奨する とあります つまり それは要素単体で独立できるかどうか 独立して存在できるのであれば article要素にすべき ということです もう一つ 下のNoteには section要素は一般的な コンテナ要素ではない とあります コンテナ要素とは何のことでしょうか これはつまり 要素が意味づけなどではなく CSSでスタイリングするためだけ あるいはJavaScriptで動きをつける ためだけに必要な場合は div要素 つまりコンテナ的な要素として div要素を使うべき ということです section要素はそれが文章の中で 一つのアウトラインとして 一つのセクションとして明示されますので その点に注意しましょう それではサンプルページを開いてみましょう ブラウザの別のタブですでに開いている…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。