HTMLの属性
トップ > HTMLリファレンス > HTML概要 > HTMLの属性HTMLのタグには color=red や size=5 などの 属性(attribute) を指定することができます。color の部分を 属性名、red の部分を 属性値 と呼びます。
<font color=red size=5>〜</font>
大半の属性は「属性名=属性値」の形式ですが、compact=compact のように属性名と属性値が同じ場合は単に compact と省略することができます。この場合、省略されているのは属性値(=compact)ではなくて、属性名(compact=)なのだそうです。
<dl compact>
属性名は大文字でも小文字でも構いません。属性値も多くの場合、大文字でも小文字でも構いませんが、たまに、大文字・小文字を区別する場合(target="_top" の _top など)がありますので、注意してください。
○ <font color=red>〜</font> ○ <font COLOR=RED>〜</font> ○ <A HREF="xxx.html" TARGET="_top">〜</A> × <a href="xxx.html" target="_TOP">〜</a>
属性値に英数字(a-z, A-Z, 0-9
)、ハイフン(-
)、ピリオド(.
)、アンダースコア(_
)、コロン(:
)以外の文字を含むときは属性値をダブルクォーテーション("
)もしくはクォーテーション('
)で囲まなくてはなりません。(アンダースコア(_
)とコロン(:
)は HTML4.01 で追加されました。)
<font size="+1">〜</font>
ハイフン(-
)は許されているので、本当は size="-1" は囲まなくてもよいのですが、とにかく記号があれば囲む、もしくは属性値はすべて囲むと覚えておいた方が無難でしょう。(HTML の次世代規格とも言われる XHTML では、すべて囲む必要があるそうです。)
<font size="-1">〜</font>
ダブルクォーテーション("
)の中ではシングルクォーテーション('
)を、シングルクォーテーション('
)の中ではダブルクォーテーション("
)を用いることができます。
<input type=button value="OK" onclick="alert('Hey!')"> <input type=button value="OK" onclick='alert("Hey!")'>
HTMLの本文中と同様、アンパサンド(&
)、右大不等号(<
)、左大不等号(>
)はそれぞれ、&、<、> と記述します。(この形式を 文字参照 と呼びます。)
<img src="xx.gif" alt="< や > や & の説明">
また、ダブルクォーテーション("
)を "、または "、シングルクォーテーション('
)を ' と記述することもできます。
<img src="xx.gif" alt="" や ' の説明">