タグと要素の違い

<h1>HTMLリファレンス</h1>
<h1> </h1> タグ
<h1>HTMLリファレンス</h1> 要素
HTMLリファレンス 要素の内容

<h1></h1> の部分をタグといい、このタグと内容を合わせた全体を要素といいます。

要素名(タグ名)・属性・値

<a href="index.html">HTMLリファレンス</a>
a 要素名(タグ名)
href="" 属性(href の部分が属性名)
index.html 値(属性値)

上記の例では、リンクを設定する要素a)に、リンク先を指定するための属性href="")を追加して、そのindex.html を指定しています。

  • 使用できる属性は要素により異なります。

開始タグと終了タグ

要素には、開始タグと終了タグをセットで使用するタイプと、単体で使用する(終了タグを必要としない)タイプがあります。

<p>HTMLリファレンス</p>

上記の例では、<p>開始タグ</p>終了タグになります。終了タグにはスラッシュ( / )が入ります。

次のように、開始タグのみで使用する要素もあります。(内容を持たないこのような要素を空要素といいます)

<img src="example.gif" alt="サンプル">

タグは半角文字で

タグは半角文字で記述します。全角文字は使えません。

<div>HTMLリファレンス</div>
× <div>HTMLタグの簡単検索</div>

大文字と小文字

要素名と属性名は、大文字と小文字のどちらで記述しても構いません。

<img src="example.gif" alt="サンプル">
<IMG src="example.gif" alt="サンプル">
<IMG SRC="example.gif" ALT="サンプル">
  • XHTMLの場合は小文字で記述する必要があります。

引用符の有無

属性の値により、引用符(" ")を付けなければならない場合と、省略してもいい場合があります。

属性の値を半角英数字、ハイフン( - )、アンダーバー( _ )、コロン( : )、ピリオド( . )だけで記述する場合は、引用符を省略することができます(付けてもOK)。これ以外の文字列を使用する場合は、その値を引用符で囲まなければなりません。

  • 省略できる場合でも、引用符を付けておくことをお勧めします。

引用符には、ダブルクォーテーション( " )またはシングルクォーテーション( ' )を使用します。(一般的にはダブルクォーテーションが使用されています)

<font size=1>フォントサイズ</font>
<font size="1">フォントサイズ</font>
<font size='1'>フォントサイズ</font>
× <font size=+1>フォントサイズ</font>
<font size="+1">フォントサイズ</font>
  • XHTMLの場合は引用符を省略することはできません。

要素の入れ子

次のように、複数の要素を入れ子にすることもできます。

<p><strong><a href="index.html">HTMLリファレンス</a></strong></p>

開始タグとは逆の順序で終了タグを記述していきます。

<p><strong>HTMLリファレンス</strong></p>
× <p><strong>HTMLリファレンス</p></strong>