HTMLの属性

トップ > HTMLリファレンス > HTML概要 > HTMLの属性

HTMLの属性

HTMLのタグには color=red や size=5 などの 属性(attribute) を指定することができます。color の部分を 属性名、red の部分を 属性値 と呼びます。

<font color=red size=5>~</font>

大半の属性は「属性名=属性値」の形式ですが、<audio> の autoplay 属性の様に属性名のみを記述するものもあります。

<audio autoplay src="..."></audio>

属性の大文字と小文字

属性名は大文字でも小文字でも構いません。属性値も多くの場合、大文字でも小文字でも構いませんが、たまに、大文字・小文字を区別する場合(target="_top" の _top など)がありますので、注意してください。

○ <a href="xxx.html" target="_top">~</A>
○ <A HREF="xxx.html" TARGET="_top">~</A>
× <a href="xxx.html" target="_TOP">~</a>

クォーテーション

属性値に英数字(a-z, A-Z, 0-9)、ハイフン(-)、ピリオド(.)、アンダースコア(_)、コロン(:)以外の文字を含むときは属性値をダブルクォーテーション(")もしくはクォーテーション(')で囲まなくてはなりません。(アンダースコア(_)とコロン(:)は HTML4.01 で追加されました。)

<img src="./image/example.png" alt="">

ダブルクォーテーション(")の中ではシングルクォーテーション(')を、シングルクォーテーション(')の中ではダブルクォーテーション(")を用いることができます。

<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) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月3日
http://www.tohoho-web.com/html/memo/attr.htm