コンテンツセクショニング <section>要素
<section>要素英語で「部分」や「断片」、「仕切られた場所」を表す"section"より。現在の文書内の単独のセクションを表します。「複数の段落がまとまった一節」などの、文章的にはひとまとまりになるような部分をグループ化するのに使いま...
ブロックレベル要素
コンテンツセクショニング コンテンツセクショニング <nav>要素
<nav>要素英語で「航法」や「交通」を表す"navigation"より。現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがあり...
コンテンツセクショニング <footer>要素
<footer>要素英語で文書や用紙の下部にある脚注などを表す"footer"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。よくあるパターンとしては、著者やサイト運営者...
コンテンツセクショニング <header>要素
<header>要素英語で「見出し」などを表す、"header"より。もちろん「見出し」を表す際にも使いますが、文書の導入部分やナビゲーションなどの要素をグループ化する際に使います。<header> 要素はあくまでも、文書の「意味的なまとま...
テキストコンテンツ <pre>要素
<pre>要素の定義英語で「前」や「以前」を表す、"pre"より。HTML文書では、「整形済みテキスト」を表すための要素です。この要素内のテキストは、一般的に空白や改行などのレイアウトをそのまま保持して「等幅フォント」で表示されます。子要素...
テキストコンテンツ <ul>要素
<ul>要素の定義英語で”unordered list”より。HTMLで「一覧」「箇条書き」を表現するためには、<ul> ・ <ol> ・ <li> の各要素を組み合わせて表現します。<ul>要素は、順序を持たず項目を列挙する形のリスト（い...
テキストコンテンツ <blockquote>要素
<blockquote>要素の定義英語で引用を意味する”quote” + "block"より。文章中で、他の文献からの「引用文」を示す際に使用する要素。cite属性 で引用元のURLを示したり、<cite> 要素で引用元の文書のタイトルを示...
コンテンツセクショニング <h1>〜<h6>要素
<h1>〜<h6>要素英語の”heading”より。文書中の見出しを表す際に使用する要素です。 <h1> を最上位とし、<h6> を最も低いレベルとする、６段階のレベルの見出し要素があります。通常は、<h1>〜<h6> 要素に続くセクション...
テキストコンテンツ <p>要素
<p>要素の定義英語の”paragraph”より。テキストの「段落」を表すための要素です。 <p> 要素の特徴として、閉じタグの前に別のブロック要素が見つかった場合は、自動的に閉じられます。通常のHTML要素はどんどん入れ子構造に出来るので...