要素の概要

HTMLには様々な要素(エレメント)があります。要素はそれぞれに意味を持っています。たとえば、TITLE要素は文書のタイトルを意味します。

要素は開始タグで始まり、終了タグで終わります。要素によっては終了タグを省略できるものもあります。

また、要素によっては開始タグと終了タグの間に他の要素や文字列を入れることができます。開始タグと終了タグの間に入れることができるものを 内容モデル と言います。

たとえば、TITLE要素は次のように記述します。

<TITLE>HTMLの要素</TITLE>

HTMLでは要素名(タグ名)は大文字と小文字を区別しません。たとえば次に示す2つの例は、どちらも同じ意味になります。

<p>大文字と小文字を区別しません。</p>
<P>大文字と小文字を区別しません。</P>
XHTMLでは要素名(タグ名)の大文字と小文字を区別します。XHTMLの要素名(タグ名)はすべて小文字なので、必ず小文字で指定します。

ルート要素

HTML文書はHTML要素を根元(頂点)とするツリー状の構造になっています。根元に位置する要素のことを ルート要素 と言い、HTML文書の場合のルート要素はHTML要素となります。

HTML tree

内容モデル

要素には親子関係があります。たとえば、HTML要素の子要素として、HEAD要素BODY要素があります。これらはHTML要素の 内容モデル です。つまりHTML要素の開始タグと終了タグの間に、HEAD要素やBODY要素を記述します。たとえば、次のように記述します。

<html>
 <head>
  <title> ... </title>
  <meta> ... </meta>
 </head>
 <body>
  <p> ... </p>
  <table> ... </table>
 </body>
</html>

HTMLの要素は改行の有無によって、ブロック要素インライン要素に分けられます。

ブロックレベル要素

ブロックレベル要素とは、前後に改行が入る要素のことである。ブロックレベル要素を次に示す。

インライン要素

インライン要素とは、前後に改行が入らない要素のことである。インライン要素は、置換インライン要素(インラインブロック要素)と非置換インライン要素の2種類に分けられる。

置換インライン要素(インラインブロック要素)

置換インライン要素(インラインブロック要素)とは、インライン要素のうち、画像やフォーム部品に置き換わる要素のことである。インラインブロック要素は、幅や高さのプロパティを持っている。

非置換インライン要素

非置換インライン要素とは、インライン要素のうち、テキストのままで画像やフォーム部品に置き換わらない要素のことである。非置換インライン要素は、幅や高さのプロパティを持たない。