imgタグ内 name とｉｄの違い

質問

こんにちは、DreamWeaver8を使ってホームページの勉強を始めたものです。
スワップイメージを作成していて、imgタグ内でname属性とid属性とがでました。スワップイメージの振る舞いには何の違いもないのですが、そもそも属性がnameとidとではどのように違うのかなと思いました。
何かお分かりの方がいましたら教えてください。 よろしくお願いします。

例）上側はname,下側はid
<img src="button1.gif" name="Image1" width="150" height="29" id="Image1" onmouseover="MM_swapImage('Image1','','button1-2.gif',1)" onmouseout="MM_swapImgRestore()" />
<img src="button2.gif" width="150" height="29" id="Image2" onmouseover="MM_swapImage('Image2','','button2-2.gif',1)" onmouseout="MM_swapImgRestore()" />

回答No.2

chie65536 · ベストアンサー

http://www.tohoho-web.com/html/img.htm
このページの下の方の「一般属性」の所に「id」「name」についての説明があります（表中の属性名がクリック出来る先のページに詳細説明あり）

一般的には、name属性は<A>タグから参照され、id属性はJavaScript、スタイルシート、ダイナミックHTMLなどから参照されます。

「参照される方」から見ればイメージ描画動作に違いはありませんが「参照する方」から見れば重要な違いです。

因みに、id、name属性は一般属性なので<IMG>タグ以外のタグにも付けられます。

参考URL：

http://www.tohoho-web.com/html/img.htm

お礼

返信ありがとうございます。非常に参考になりました。

回答No.1

shirousa01

W3C勧告の日本語訳に以下の文章があります。

HTML4は、a, applet, form, frame, iframe, img, map 要素について name 属性を定義している。またHTML4は、id 属性も導入している。これらの属性はともにフラグメント識別子として使われるよう設計されている。

XMLでは、フラグメント識別子は ID 型であり、要素ごとに ID 型の属性は1個しかありえない。したがって、XHTML 1.0 では、id 属性が ID 型として定義されている。XHTML 1.0 文書が適正に構築されたXML文書であることを保証するために、XHTML 1.0 文書は、フラグメント識別子を定義するときには、歴史的には name 属性ももっている要素であっても、id 属性を使わなければならない。XHTML文書がメディア型 text/html として配布されるときにそうしたアンカーが後方互換であることを保証することに関する情報については、HTML互換性ガイドラインを見よ。

XHTML 1.0 では、これらの要素の name 属性は公式には廃止予定であり、後続バージョンのXHTMLでは取り除かれるであろうから、注意してほしい。

参考URL：

http://www.doraneko.org/webauth/xhtml10/20000126/Overview.html#diffs

お礼

返信ありがとうございます。少し私には難しいのですがなんとなくは理解できました。