第8回(2023/01/11)
ボックス
ブロック要素
display: block;
インライン要素
display: inline;
文字の色を変更する
color: カラーコードまたはカラー名;
文字の太さを変更
font-weight: 値;
【参考資料】
ヘッダーエリア
HTML の<header>
要素は「head」が由来で、導入的なコンテンツ、ふつうは導入部やナビゲーション等のグループを表す。
見出し要素だけでなく、ロゴ、検索フォーム、作者名、その他の要素を含むこともできます。
<header> ~ </header>
【参考資料】
ナビゲーションエリア
HTML の<nav>
要素は「navigation」が由来で、現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表す。
ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがある。
<nav> ~ </nav>
【参考資料】
メインエリア
HTML の<main>
要素は文書の<body>
の主要な内容を表す。
主要な内容とは、文書の中心的な主題、またはアプリケーションの中心的な機能に直接関連または拡張した内容の範囲のこと。
<main> ~ </main>
【参考資料】
記事エリア
HTML の<article>
要素は文書、ページ、アプリケーション、サイトなどの中で自己完結しており、 (集合したものの中で) 個別に配信や再利用を行うことを意図した構成物を表す。
例えば、フォーラムの投稿、雑誌や新聞の記事、ブログの記事、商品カード、ユーザーが投稿したコメント、対話型のウィジェットやガジェット、その他の独立したコンテンツの項目が含まれる。
<article> ~ </article>
【参考資料】