• 締切済み

リンクの下線は消すのが普通?

リンクの下線に関する質問です。 CSSを使ってリンクの下線を消すことができますが、少し昔は、「アクセシビリティの観点からリンクの下線は消さないのが望ましい」というのが主流であった気がします。 ところが最近のサイトはほとんどがリンクの下線を消しています。 ブログどころか企業の公式サイトでも下線を消していたり、リンクを画像にしているため下線が表示されないものがほとんどです。 最近はリンクの下線を消すほうが主流なのでしょうか?

  • CSS
  • 回答数3
  • ありがとう数0

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

そこにリンクがあると明確な場合は下線をつけないことが多いです。  ただ、記事中で「<a href="http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/text.html#lining-striking-props">線を引く</a>ときは・・・」の場合は、明らかに下線を引くべきです。  HTMLは、 【引用】____________ここから どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  なのですから、アクセスビリティを考えれば、むやみに消すべきではないでしょう。  WAI ( http://www.doraneko.org/wai/contents10/19980918/Overview.html )を考慮しているサイトでしたら、マウスのようなポインティングデバイスを利用できない利用者も考慮すべきです。確かに「最近はリンクの下線を消」したサイトも多く見受けられますが、それと、自身が採用するか否かは別だと思います。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

ようは「リンクされている」ということがわかればいいわけで なんらかの形でリンクが明示的であれば下線はデザインのじゃまでしかありません

  • tsubuyuki
  • ベストアンサー率45% (699/1545)
回答No.1

質問タイトルどおり、 > リンクの下線は消すのが普通? と聞かれると、付けるのが普通です。 質問の最後の文、 > リンクの下線を消すほうが主流なのでしょうか? と聞かれると、消すのが主流です。 と言う回答に甘んじてしまいますね。

関連するQ&A

  • アフィリエイトのテキストリンクに下線を引きたい

    FC2ブログでアフィリエイトをしています。プラグインの中のアフィリエイトのテキストリンクに下線を引きたいのですが、幾つか質問があるので教えて下さい。 (1)アフィリエイトのテキストリンクに下線を引くことは違反になるのでしょうか? (2)下線はHTMLで引くのですか?それとも、CSSで引くのですか? 私のブログのテンプレートは、すべてリンクの下に下線が表示されません。  テキストごとに、下線を引くことは可能ですか? できれば、例を教えて頂けたら嬉しいです。 宜しくお願いします。  

  • リンクの下線を消したいのに消せない(CSS)

    自分でタグを入力して、XHTMLとCSSでサイトを作っているのですがどうしても解決できない問題があるので質問させていただきます。 サイトの各ページに飛ぶテキストリンクをページの上部に作っていて、そのリンクを ・通常時(a:link)は・・・・・・・・下線なし ・訪問後(a:visited)は・・・・・・・下線なし ・マウスオーバー時(a:hover)は・・・下線あり というふうにしたいので、CSSに書いたのですがどの場合においても下線が表示されてしまいます。 CSSをどのように書き直せば、上記のように下線が表示されるのでしょうか教えてください。 XHTML:http://love.meganebu.com/~twilight/question/index.html CSS:http://love.meganebu.com/~twilight/question/mainstyle.css

  • アメブロでリンクに下線をつけたいんですが・・・。

    CSS編集でデザインもいろいろ変更したりしているのですが、リンクしている部分に下線をつけることが出来ず…。 リンク部分にポインタを持っていくと、上下に点線がでるようにはなっているのですが、もともと下線を表示させたいのです。 どのようにすればいいのでしょうか? 教えてください。 よろしくお願いします。

  • cssでリンクの下線を外したい

    <h2><a href="link.html">1</a></h2> これだとリンクの下線が表示されてしまいます。 下線をCSSで外すには?

    • ベストアンサー
    • HTML
  • cssでリンクに下線を表示したり非表示にしたりする

    CSSの設定方法についての質問です。 ホームページで以下のような構成になっているのですが それぞれの場所によってリンクの下線を表示させたり非表示にしたりしたいです。 CSSをどのように設定したらいいでしょうか? <dl> <dt><A Href="#01">○○</a>(→dtタグは下線を表示する) <dt><A Href="#02">××</a>(→dtタグは下線を表示する) </dl> <h3><a name="01">○○</a></h3>(→名前定義では下線を非表示にする) ・・・ 詳細については<a href="../□□.html">こちら</a>をご覧ください。 (→本文中のリンクは下線を表示する) <A Href="#03"><img src="../images/△△.jpg"></a>(→画像リンクは下線を非表示にする) お願いいたします!

    • ベストアンサー
    • HTML
  • アフィリエイトのテキストリンクに下線を引きたい

    FC2ブログでアフィリエイトをしています。プラグインの中のアフィリエイトのテキストリンクに下線を引きたいのですがHTMLで引いても良いのでしょうか? それともう1つ、私のブログのテンプレートは、すべてリンクの下に下線が表示されません。  テキストごとに、下線を引くことは可能ですか? 初心者のわかりにくい質問ですみません。 できましたら詳しく教えて頂けたら嬉しいです。宜しくお願い致します。

  • テキストリンクを貼った文字の下線を消したい

    はじめまして。 ブログ投稿時に、リンクを貼った文字には実際の表示には下線が表示されますが、下線ではなく太文字やカラー文字の表示にしたいのですが、どのようにしたらいいのでしょうか? よろしくお願いいたします。

  • リンク画像のマウスオーバー時の下線を消したい。(a:hover 関連。

    テキストリンクについては、マウスオーバー時に下線が表示されても良いのですが、画像リンクについては下線を表示させたくないと考えています。 どうやったら、切り分けられますでしょうか。 現在、cssファイル内にて、 ---------------- a:hover { color: #色; border-bottom: 1px solid #色; } ----------------- と書いてあり、これがテキストリンクにも画像リンクにも影響しています。 ------------------- 【CSS】 img{ border:0; } -------------------- ではダメでした。 ------------------------- 【HTML】 <a href="リンク先" class="img"><img src="画像URL"></a> 【CSS】 .img a:hover { border-bottom:0px; } ------------------------- →これでもダメでした。 どなたかご助言よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPでリンクの時の下線を表示しない方法を教えてください。

    Dreamweaver4を使っています。 リンクの時の下線を表示しない方法を教えてください。 1ページだけ、使いたいのです。 タイルシートのCSSセレクタと擬似クラスの使用を使って出来ると本に書いてありましたが、やり方がわかりません。 a:hoverでリンクの色を変えるところはわかったのですが、リンクの下線の設定のあるところはわかりませんでした。 htmlの知識も乏しいのですが、ソースのunderlineのところをさわったりしても、出来ませんでした。 宜しくお願いします。

  • HTMLでリンクが貼ってある文字の下線を消したい

    現在、HTML言語を使用して楽天ショップのwebページを作成しています。 ある文字にリンクを貼ると文字の下に線が出ます。(みなさんも同様だと思いますが) 私がやりたいことは、HTML言語で下線を表示せずにマウスポインタがのった時だけ線を表示したいと思っています。 調べたところCSSなら簡単にできそうなのですが、やはりHTMLだとできないのでしょうか?教えてください。

    • ベストアンサー
    • HTML

専門家に質問してみよう