タグと要素の違い
<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> |