
img属性でカーソルをのっけた時にポップアップで表示される文字がありますよね?
普通はtitle属性の文字がそこに反映されるわけですが、IEの仕様ではalt属性でも表示されます。
ただ、同じalt属性だけでも
IE上でポップアップ表示されるサイトとされないサイトがあります。
宣言の違いかと思い両方のソースを見ました。
共通で
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
になっています。
なぜか片方のサイトはalt属性だけで表示
片方はaltでは表示されない。
この違いは何なんでしょう
CSSで設定でもしてるのでしょうか?
また、ポップアップされてなくても
通常は出ないのが普通、というかソースには書いてあるので
SEO上は問題ないですよね?
よろしくお願いします。
No.5ベストアンサー
- 回答日時:
MSDN によると、alt属性値はtitle属性が存在しない場合にツールチップとして表示する仕様です。
http://msdn.microsoft.com/en-us/library/ms533073 …
実際は #4 で指摘されているように、DOCTYPEスイッチによってIEの動作が切り替わるようですが、MSDN では触れられていません。
http://jsbin.com/ixebof/2/edit#preview (IE8 quicks mode でツールチップ表示)
http://jsbin.com/ixebof/4/edit#preview (IE8 standards mode でツールチップ非表示)
event.returnValue によるデフォルトアクション抑止でもツールチップ表示を抑止することは出来ないようです。
http://jsbin.com/ixebof/5/edit#preview
CSS,JavaScriptでツールチップ表示を実現している可能性は考えられますが、実際に見てみないことには確実な答えは出来ないと思います。
この状態で「どこに原因があるのでしょうか?」と質問されても「あれもこれもありますね」としか答えようがないわけで…。
SEOを気にされるのでしたら Lynx などのテキストブラウザを使用してサイトを確認してください。
SEOで IE の仕様を気にしなければならない事態はまずないと思います。
http://support.google.com/webmasters/bin/answer. …
No.4
- 回答日時:
同じIE環境で回覧しているのでしょうか?
IE8とかIE9での動作の話でしょうか?
確か、IE7以下がポップアップしますが、
DTDの違いで表示が変わるはずです。
つまり、標準モードか過去互換モードかの判断です。
その違いが無ければ、
1、DTDの上、一行目のXML宣言や空行の有無
2、IE8-9で互換モードで表示した場合
3、その他、CSSツールチップやJSなどでの表示
この辺の違いがあるはずです。
(ソースが同じなのに動作が変わる事は物理的にありえません)
HTMLでは、画像にはaltを設置する方が正しいですが、
altをポップアップさせないのがデフォルトなので、
旧IEが余計なポップアップをしているだけ。
SEO?
検索エンジンはHTMLソースを読むので、altが書いてあれば認識します。
ありがとうございます。
同じ環境で閲覧してます。
SEO上は関係ないですよね。
ちなみに
titleとaltとどちらがSEO効果があるのでしょうか?
No.3
- 回答日時:
すみません。
一度に書きゃ良いものを・・たぶん古いIEだと思いますが、本来画像が表示されていればaltの内容は表示しないのが仕様上は正しい動作です。(私のIE8は、画像が表示されていたらaltはtitleの有無に関わらず表示されません)
altやtitleの使い分けは、
★img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト ( http://www.mozilla.gr.jp/standards/webtips0024.h … )
に詳しい説明があります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックしても、リンクに飛ば...
-
キャッシュの制御について
-
画像がHPに載らない!
-
複数のボタンで1つのエリアに...
-
CSSなどでHTML全体の表示を拡大...
-
IMGタグでTIFF画像を表示
-
画像が表示できない
-
BGを押すと変えられるタグで。
-
携帯待受画像の直リンク防止策...
-
HTMLタグで画像が表示されない
-
サムネイルクリックで、画像を...
-
HTMLにて画像を押したときにボ...
-
バナーの貼り方とバナーにリン...
-
アクセスログCGIをimgタグで埋...
-
HPでの画像(写真)添付について
-
リンクにマウスをのせると注釈...
-
リンク先の説明の表示
-
画像の両側に文章を回り込ませ...
-
バナーの貼り付けで・・・
-
リンクの説明の入れ方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スライドショーの上にロゴマー...
-
クリックしても、リンクに飛ば...
-
IMGタグでTIFF画像を表示
-
ボタンを押したままにする。
-
バナーの貼り方とバナーにリン...
-
form以外でのpostってできますか?
-
背景が透明なリンクボタンで、...
-
クリッカブルMAP領域が分かる様...
-
イメージマップを貼った画像の...
-
タイトルバーに画像を入れるHTM...
-
WEBサイトの一部コンテンツがス...
-
期間ごとに画像表示を切り替え...
-
<area></area> 部分にボーダー...
-
thickboxでcloseボタン右上配置...
-
複数のボタンで1つのエリアに...
-
HTMLだけで画像をクリックして...
-
windowsは画像にマウスオンで画...
-
onmouseoverに複数の命令を書き...
-
マウスオンの画像の切り替え
-
携帯用HPのダウンロードページ...
おすすめ情報