こんにちは、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で質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
ラジオボタンでクリックした値...
-
name属性のないformタグの、中...
-
cookie使用時にundefinedと表示...
-
Javascriptでのbuttonのname属...
-
ASP.NETでNAME属性を固定にしたい
-
JavaScriptにて動的に配列を作...
-
name属性とid属性の違い。DOMの...
-
二つの入力欄に、同時に同じ文...
-
jquery.validate.jsについて
-
フォームの一部をPOSTで送信で...
-
JSのコンストラクタ関数
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
特定<table>内の<td>の色を変える
-
確認ページからフォームページ...
-
JavaScriptのfileオブジェクト...
-
Selectボックスの幅を自動で広...
-
クリックさせたいが、click()が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
ラジオボタンでクリックした値...
-
テキストボックスの入力をリセット
-
二つの入力欄に、同時に同じ文...
-
Javascriptでのbuttonのname属...
-
ASP.NETでNAME属性を固定にしたい
-
submitボタン押下時にPOSTされ...
-
複数のテキストフィールドを同...
-
JavaScriptにて動的に配列を作...
-
テキストボックスの値同士を比...
-
name属性のないformタグの、中...
-
jqueryでtextareaのcols、rows...
-
動的にTabindexの値を変えたい!
-
ボタンを押すとテキストボック...
-
javascriptの値をformのinput h...
-
テキストエリアをenterキーでフ...
-
ひ孫に当たるiframe から親ウイ...
-
jquery.validate.jsについて
-
cookie使用時にundefinedと表示...
おすすめ情報