![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
こんにちは、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ベストアンサー
- 回答日時:
このページの下の方の「一般属性」の所に「id」「name」についての説明があります(表中の属性名がクリック出来る先のページに詳細説明あり)
一般的には、name属性は<A>タグから参照され、id属性はJavaScript、スタイルシート、ダイナミックHTMLなどから参照されます。
「参照される方」から見ればイメージ描画動作に違いはありませんが「参照する方」から見れば重要な違いです。
因みに、id、name属性は一般属性なので<IMG>タグ以外のタグにも付けられます。
参考URL:http://www.tohoho-web.com/html/img.htm
No.1
- 回答日時:
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 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 画像の表示位置 3 2022/12/23 08:25
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
二つの入力欄に、同時に同じ文...
-
出発駅A、到着駅Bを選択すると...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
tabindex値の設定
-
動的にTabindexの値を変えたい!
-
JavaScript から I'm Feeling L...
-
JavaScriptにて動的に配列を作...
-
テキストボックスの入力をリセット
-
テキストボックスの値同士を比...
-
ラジオボタンでクリックした値...
-
テキストボックスに日付を入れ...
-
doPostBack 関数について
-
HTMLのフォーム名とJavaScript...
-
【javascript】JSON形式のデー...
-
JavascriptでのJSONデータの使い方
-
submitボタン押下時にPOSTされ...
-
ASP.NETでNAME属性を固定にしたい
-
name属性のないformタグの、中...
-
エクセル マクロ submitについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
テキストボックスの入力をリセット
-
ボタンを押すとテキストボック...
-
name属性のないformタグの、中...
-
JavaScriptにて動的に配列を作...
-
二つの入力欄に、同時に同じ文...
-
新しくフォルダを作成したい
-
ラジオボタンでクリックした値...
-
ASP.NETでNAME属性を固定にしたい
-
テキストボックスの値同士を比...
-
入力フォームに半角スペース以...
-
Javascriptでのbuttonのname属...
-
動的にTabindexの値を変えたい!
-
submitボタン押下時にPOSTされ...
-
ふりがな自動入力で姓名を分け...
-
cookie使用時にundefinedと表示...
-
name属性とid属性の違い。DOMの...
-
data.resultからデータを取り出...
-
doPostBack 関数について
おすすめ情報