![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
No.2ベストアンサー
- 回答日時:
画像:
・環境依存しにくく再現性がたかい
・任意のフォントが使えるのでデザイン性がたかい
テキスト+CSS+画像:
・パーツの再利用ができるためデータ量がへる
・新しいメニューを作るときにデザイナーに頼まないで済む
・文書構造としてきちんとしているため階層メニューなど比較的つくりやすい
No.1
- 回答日時:
◆画像の場合
・見た目が綺麗
・文字サイズを変更してもサイズが変わらない
◆文字の場合
・文字列が検索対象になる
・文字サイズを大きくした際に長い名前だと2行になってしまったりする
またそれにともない背景を画像にしている場合は工夫が必要
(グラデーション等の場合実際のナビの大きさの2~3倍の高さを用意しておくとか)
・aタグを貼るだけだとオンマウスの反応の範囲が狭いので、display: block; などで
反応範囲を広げてボタンのように押せるようにしてあげるとより親切
ぱっと思いつくのはこのくらいでしょうか…
ご回答ありがとうございます。
img要素のalt属性の文字列は検索対象になると聞いたのですが、テキストでメニューを制作したときの文字列が検索対象になるのと違い
はあるのでしょうか??
もし違いが無いのなら、見た目とSEOだけを重視するとしたらimgでメニューを制作した方がいいということでしょうか??
たびたびすいません....よろしくお願いします!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- PDF PDFのテキストを追加機能 1 2022/06/18 12:45
- 筋トレ・加圧トレーニング 上半身だけを大きくしたく、1週間のメニューを作りたいです。回復日を含めて、メニューの参考をお願いしま 1 2022/07/31 16:49
- Chrome(クローム) サイトのショートカットアイコンの格納場所は? 1 2022/12/26 01:38
- HTML・CSS VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない 1 2023/02/12 07:52
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- 音楽・動画 メドレー動画制作について 1 2023/03/06 12:00
- その他(クラウドサービス・オンラインストレージ) Canva(キャンバ サムネイル作るサイト)での加工について(人物だけ、光沢感あるグラデーション) 1 2023/04/01 22:09
- その他(IT・Webサービス) 制作したWebサイトを録画する際、画面サイズを小さくしたり大きくしてレスポンシブの動きを確認するので 1 2023/02/18 00:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像とその下にあるテキストの...
-
リンク画像の背景を反転させな...
-
画像の背景を透明にしたい
-
background-sizeでcontainする...
-
ページごとに背景画像を変更し...
-
フッターの背景に色を指定した...
-
【至急お助け!】チェックボッ...
-
htmlタグで背景に画像を敷き詰...
-
CSSでローマ数字と○1などを画像...
-
ひとつの画像をWEBで異なる小さ...
-
マウスオーバーで透明の白い幕...
-
background-sizeの背景で最小値...
-
IMGタグで画像の繰り返し使用は…
-
background-repeat CSS で切れ...
-
<div> で テキストを下揃えにす...
-
ホームページの枠に影をつける...
-
画像をリンクボタンにして文字...
-
スマホ画面の背景を縮小したい。
-
CSSで背景画像指定
-
背景画を固定し、尚且つ、フィ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
【至急お助け!】チェックボッ...
-
画像とその下にあるテキストの...
-
iframe内をクリックさせない方...
-
【Webサイト】画像が小さく表示...
-
同じ画像 複数回使用
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeでcontainする...
-
lightbox2で画像を天地左右中央...
-
コーディング中、右側に謎の余...
-
画像上に文字を表示するとiPhon...
-
LightBoxの矢印の出し方
-
背景画像をリピートさせない方...
-
CSSで背景画像をランダムに表示...
-
フッターの背景に色を指定した...
-
透過gif画像の上に文章を重ねる...
おすすめ情報