2022年5月

プログラミング
【headerタグ】を使ってヘッダーコンテンツを導入してみよう!「HTML・解説・初心者向け」| ノブレコ

「headerヘッダー」とは、コンテンツを本体の先頭に付け加えるためのタグです。header要素に一番近い祖先要素に影響して「セクショニングコンテンツ」または「セクショニングルートのヘッダー」として認識されます。主にwebサイトなどのトップページの導入部分やナビゲーション部分として扱うための要素です。

続きを読む
プログラミング
【mainタグ】でメインコンテンツの範囲を決めてみよう!「HTML・解説・初心者向け」| ノブレコ

とは、ページ全体のメインコンテンツ(主要な内容)を示すために使われるタグで、要素内に内包するようにします。メインコンテンツにしたい範囲をこのタグで囲んで使用しますが、main要素は原則1ページに1回しか指定できません。一般的にarticleやsectionを入れ子にし、それに見出しを付けて構成していきます。

続きを読む
プログラミング
【asideタグ】で補足記事を作ってみよう!【HTML・解説・初心者向け】| ノブレコ

「aside」とは、「余談や補足情報を分ける」という意味があり、メインコンテンツに対する「補足記事」「サイドバー」「バナー広告」といった、メインコンテンツ以外のセクションで、本筋と分離しても問題のない内容を示すためのタグです。階層構造(アウトライン)の範囲を定義するもので、HTML5から導入されました。

続きを読む
プログラミング
【sectionタグ】で「章」「項」「欄」などを作ってみよう。「HTML・解説・初心者向け」| ノブレコ

セクション」とは「区分・分割」という意味で、全体の一部を「章」「節」「項」「欄」などに分割して示すためのタグです。文書全体の中の一部を区別し、見出しを付け意味的なまとまりとして表すために用いります。階層構造(アウトライン)の範囲を定義するものです。

続きを読む
プログラミング
【articleタグ】で自己完結する記事を作ってみよう!「HTML・解説・初心者向け」| ノブレコ

article「アーティクル」とは、記事、論説、論文などの意味で、それ自体でまとまって完結しているセクションを表します。使用目的は、サイト、アプリ内の独立したコンテンツとして「「ニュース記事」「ブログの投稿」「投稿コメント」「商品カード」「インタラクティブなウィジェット」などが挙げられます。

続きを読む
プログラミング
【navタグ】でナビゲーションを使ってみよう!「HTML・解説・初心者向け」|ノブレコ

navとは、「navigation (ナビゲーション)」の略で、案内・道標を意味するタグです。主要メニューをナビゲーションするために用いられます。navは、スクリーンリーダーで音声で読み上げる場合に「メニューを読み飛ばす」こともできたり、「簡単にメニューに戻れる」などの機能を使うことができる要素です。

続きを読む