コンテンツセクショニング <hgroup>要素
<hgroup>要素英語で「見出し」などを表す、”header”、および「集団」を表す"group"より。複数の「見出し」をグループ化する際に使います。子要素として使用できるもの1つ以上の <h1> 〜 <h6> 要素。親要素として使えるも...
HTML - 機能別
コンテンツセクショニング コンテンツセクショニング <address>要素
<address>要素の定義英語で「宛名」や「住所」を表す、"address"より。この要素を含んだ HTML 文書が個人・団体の連絡先を提供している場合に使用されます。基本的には「連絡先情報」を含む内容であれば、特にどんなテキストを記載す...
文書メタデータ <base>要素
<base>要素の定義英語で「基礎」「土台」を表す、"base"より。文書内に含まれるすべての相対URLの基点となるURLを指定します。そのため、HTML文書内に記載できる <base> 要素は1つだけです。<base> 要素は空要素のため...
インライン文字列意味付け <span>要素
<span>要素の定義英語で「期間」や「全長」を意味する"span"より。行内・段落内で汎用的な要素のまとまりを表す際に使われます。<span> 要素はあくまでも、文書の「意味的なまとまり」を表すためのものなので、標準では見た目は何も変わり...
テキストコンテンツ <div>要素
<div>要素の定義英語で「区分」を意味する"division"より。<section> 要素や、<article> 要素などよりも汎用的な要素のまとまりを表す際に使われます。<div> 要素はあくまでも、文書の「意味的なまとまり」を表すた...
コンテンツセクショニング <aside>要素
<aside>要素英語で「〜〜は別にして」や「かたわらに」を意味する"aside"より。文書内のメインの部分とは間接的にしか関係がないような部分をグループ化するのに使います。例えば、Webページのサイドバー部分や関連記事、補足や余談の部分な...
コンテンツセクショニング <article>要素
<article>要素英語で「記事」を表す"article"より。「ブログ記事」などの、「一つの独立した文章」になるような部分をグループ化するのに使います。<article> 要素はあくまでも、文書の「意味的なまとまり」を表すためのものなの...
コンテンツセクショニング <section>要素
<section>要素英語で「部分」や「断片」、「仕切られた場所」を表す"section"より。現在の文書内の単独のセクションを表します。「複数の段落がまとまった一節」などの、文章的にはひとまとまりになるような部分をグループ化するのに使いま...
コンテンツセクショニング <nav>要素
<nav>要素英語で「航法」や「交通」を表す"navigation"より。現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがあり...
コンテンツセクショニング <footer>要素
<footer>要素英語で文書や用紙の下部にある脚注などを表す"footer"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。よくあるパターンとしては、著者やサイト運営者...