文書内のコンテンツを論理的に区分けするための要素です。
例えば、コンテンツのヘッダーやフッター、ナビゲーション、セクションやその見出しなどです。
コンテンツセクショニング <main>要素
<main>要素の定義英語で「主な」を意味する”main”より。HTMLでは、<body> 要素内の主要な内容を表す際に使用します。基本的に、文書内に複数の<main>要素を置くことは出来ません。（hidden属性が指定されていれば、その限...
コンテンツセクショニング <hgroup>要素
<hgroup>要素英語で「見出し」などを表す、”header”、および「集団」を表す"group"より。複数の「見出し」をグループ化する際に使います。子要素として使用できるもの1つ以上の <h1> 〜 <h6> 要素。親要素として使えるも...
コンテンツセクショニング <address>要素
<address>要素の定義英語で「宛名」や「住所」を表す、"address"より。この要素を含んだ HTML 文書が個人・団体の連絡先を提供している場合に使用されます。基本的には「連絡先情報」を含む内容であれば、特にどんなテキストを記載す...
コンテンツセクショニング <aside>要素
<aside>要素英語で「〜〜は別にして」や「かたわらに」を意味する"aside"より。文書内のメインの部分とは間接的にしか関係がないような部分をグループ化するのに使います。例えば、Webページのサイドバー部分や関連記事、補足や余談の部分な...
コンテンツセクショニング <article>要素
<article>要素英語で「記事」を表す"article"より。「ブログ記事」などの、「一つの独立した文章」になるような部分をグループ化するのに使います。<article> 要素はあくまでも、文書の「意味的なまとまり」を表すためのものなの...
コンテンツセクショニング <section>要素
<section>要素英語で「部分」や「断片」、「仕切られた場所」を表す"section"より。現在の文書内の単独のセクションを表します。「複数の段落がまとまった一節」などの、文章的にはひとまとまりになるような部分をグループ化するのに使いま...
コンテンツセクショニング <nav>要素
<nav>要素英語で「航法」や「交通」を表す"navigation"より。現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがあり...
コンテンツセクショニング <footer>要素
<footer>要素英語で文書や用紙の下部にある脚注などを表す"footer"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。よくあるパターンとしては、著者やサイト運営者...
コンテンツセクショニング <header>要素
<header>要素英語で「見出し」などを表す、"header"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。<header> 要素はあくまでも、文書の「意味的なまとま...
コンテンツセクショニング <h1>〜<h6>要素
<h1>〜<h6>要素英語の”heading”より。文書中の見出しを表す際に使用する要素です。 <h1> を最上位とし、<h6> を最も低いレベルとする、６段階のレベルの見出し要素があります。通常は、<h1>〜<h6> 要素に続くセクション...