CSS
WEB用語(N)

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 WEB
初版:2000年10月9日、最終更新:2001年11月24日
http://tohoho.wakusei.ne.jp/html/memo/attr.htm