altタグのことで

質問

ホームページのヘッダー画像を<h1></h1>で囲んでいるため、画像のalt属性の""内を空白にできずHP名にしなくてはいけません。
そのため、マウスオーバーするとHP名が浮かび上がりとても見栄えが悪いです。
マウスオーバーでの表示をなくす方法は無いでしょうか？
どなたかよろしくお願いします。

回答No.2

kuronekoyarou · ベストアンサー

<h1><img src="header.gif" width="400" height="20" border="0" alt="ヘッダ画像" title=""></h1>

上記のようにalt属性は指定して、title属性を空で指定するっていう方法で解決できると思います。

お礼

ありがとうございます。
できました！！
ところでヘッダー画像の下にTABLEをおいているのですが<h1>タグがあるのでヘッダー画像とTABLEの間に隙間があいてしまいます。
CSSでfontのサイズを0に設定してみたのですがどうやら0は無いようですね。
隙間をなくすのはどうすればいいのでしょうか？
ふたたび質問申し訳ありません。

回答No.6

kuronekoyarou

#4です。
＞上記のタグはすべてh1に関連するタグなのでしょか？
h1だけに指定しているわけではなく、
* {margin:0;}
というように*(全ての要素）のCSSの指定を一度リセットしています。
*はユニバーサルセレクタといってh1～h6,p,dl,ulなHTML全ての要素っていう意味になります。
http://www.tg.rim.or.jp/~hexane/ach/hscs/hscs5-01.htm#s5-1-2

あと
* {margin:0;}は
セレクタ{プロパティ:値;}の形になっています。タグとは呼びませんので
念のため…

回答No.5

noname#19206

alt をタグとは言いません。タグというのは img や h1 など種類を示すものであり、正式な言い方は要素といいます。
一方値を指定する部分に俗称のようなものはありませんが、正式な名称は属性・指定された値を属性値と呼びます。

＞そのため、マウスオーバーするとHP名が浮かび上がりとても見栄えが悪いです。
title="" で IE の alt ポップアップは潰せますが、それ以外の環境全てにも効果があるわけではありません。
title 属性と alt 属性を同時に取得するような環境では無意味です。

複数の環境を考慮するのであれば、JavaScriptなんかを使うともう少し確実性が上がるのではないかと思います。

お礼

そうですか。あまりよくわからずやっているので気づきませんでした。

まあ、訪れている方が確認できるものはほとんどIE6なのでまあこれでいいかなぁと思っています。

Javascriptですか。難しそうですね。
もしよければJavascriptではどうすればいいのか教えていただけないでしょうか？

それとちょっと気になったんですが普通に文字を<h1></h1>で囲むのと画像を<h1></h1>で囲むのとではSEO的に同じ効果を発揮してくれるのでしょうか？

何回も質問してしまってすみません。
気になるもので・・・。

回答No.4

kuronekoyarou

#2です。最初にmargin、padding以外にも全ての要素のstyleをリセットした方がいいと思います。
* {
margin:0;
padding:0;
list-style:none;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#666666;
}
body {
line-height:100%;
}
a:link {
color:#0000FF;
text-decoration:none;
}
a:visited {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a:active {
color:#FF0000;
text-decoration:underline;
}
一度リセットした上で必要な指定を追加していく方が制御しやすいです。

お礼

ありがとうございます。
上記のタグはすべてh1に関連するタグなのでしょうか？
それとも
h1 {
margin:0;
padding:0;
}
だけでなく

h1 {
margin:0;
padding:0;
list-style:none;
font-size:100%;
font-weight:normal;
font-style:normal;
color:#666666;
}

こうしたほうがいいということでしょうか？
何度もすみません。

回答No.3

goldfox

＞隙間をなくすのはどうすればいいのでしょうか？
隙間というのは文字サイズではなく、余白です。
ですから設定するなら「margin:0;」（もしくはpadding:0;）ですね。

h1{margin:0; padding:0;}

お礼

ありがとうございます！
できました！

回答No.1

BLUEPIXY

背景画像にするとか

お礼

早速のご回答ありがとうございます。
背景画像にするとどうなるのでしょうか？
ほとんど無知なのでよくわかりません。