## HTMLの属性

トップ > 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の本文中と同様、アンパサンド（`&`）、右大不等号（`<`）、左大不等号（`>`）はそれぞれ、&amp;、&lt;、&gt; と記述します。（この形式を 文字参照 と呼びます。）

    <img src="xx.gif" alt="&lt; や &gt; や &amp; の説明">

また、ダブルクォーテーション（`"`）を &#34;、または &quot;、シングルクォーテーション（`'`）を &#39; と記述することもできます。

    <img src="xx.gif" alt="&quot; や &#39; の説明">

Copyright (C) 2000-2001 とほほ
初版：2000年10月9日、最終更新：2001年11月24日
http://www.tohoho-web.com/html/memo/attr.htm