• ベストアンサー

CSS リンクタグ

HP作成でつまづいています。 どなたか知恵を貸していただければと思います。 まず、通常リンク集などで外部ページにリンクする時、別窓で開く場合は <a ○○○ target="_blank">~</a> ですよね。 この別窓で開くtarget="_blank"をcssに組み込んで外部ファイル化したいのですが可能でしょうか? また、可能ならどのように記述すればいいのでしょう。 お願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.3

> 無理ならtarget属性未使用で別窓オープンする方法 target="_blank"とするのが最も手軽で確実です。 他にもJavascriptでwindow.open()使うとか、JavaScritpでtarget="_blank"を後から追加するとか。 そもそも、なぜにtarget使いたくないのでしょうか? w3mやAnother HTML等の構文チェックで非推奨、減点対象になるからとかいう(ある意味下らない)理由からでしょうか。 target="_blank"が非推奨の理由は、「別窓オープンする」という行為にあります。 その場しのぎの小細工で(target="_blank"使わずに)、構文上は満点とっても意味ありません。 あくまで、勝手に別窓を開く行為が問題であって、target="_blank"は一つの手段に過ぎません。 構文でミスなくして満点とるよりも、多少ミスあってもいいから、どの環境でも確実に見れて扱いやすいようにする方が重要です。 http://homepage1.nifty.com/VET06031/web/lint100.html

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

回答No.2

BrainStorming: >CSSにそのような機能はありません。 >完全にHTMLの分野になります。 現在のブラウザ実装に頼るなら,まず動かないだろうから役に立つものではないけれど,提案されてはいるんだよね。 http://www.w3.org/TR/css3-hyperlinks/#property 実装を無視して考えるなら,どこが担当するのが論理構造的に理想的なんだろう? http://www.w3.org/TR/xframes/ で記述する方法が担当すべき? それとも http://www.w3.org/TR/xlink/#link-behaviors が担当すべき?

全文を見る
すると、全ての回答が全文表示されます。
noname#66720
noname#66720
回答No.1

CSSにそのような機能はありません。 完全にHTMLの分野になります。 もし何かしらの方法で外部化したいということであればjavascriptで自動的にtarget属性を追加していくほうほうでしょうか。 補足としてtarget属性は廃止に向かっています。 現在でも新規ウィンドウで開く場合に、現在ページを表示しているウィンドウに開く設定ができるブラウザ等もありますし、下手をすると便利な機能を提供しているようで逆に不便になることもあります。

11oneone
質問者

お礼

早々の回答ありがとうございます。 やはりjavascriptしか無理でしょうか・・・。 もし無理ならtarget属性未使用で別窓オープンする方法だけでもいいので知りたいです。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • リンクタグで

    別窓でリンクさせる場合、<A Href="URL" Target="_blank">~</A> を使いますが、画面上で「~」部分の表示には下線が付されます。この下線を付さないで表示する方法を知りたいのですが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクの表示方法ってCSSで設定可能ですか?

    例えばですが、サイトのリンク全てが別ページで開かれるようにしたい場合、CSSでの設定というものは存在しますでしょうか? 通常、target="_blank"をaに定義すればよいのだと思うのですが、全てのリンクが!と決まっていた場合、1つ1つ行うのは時間がかかってしまうので、CSSで全体に設定が出来ればいいなーと考えてしまいました。 調べるのですが、この様な設定が見つかりません・・・。 ご存知の方がおられましたら、何かよきアドバイスを頂けたらと思います。 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • ショッピングカート WebCart 2.31にて

    WebCart:Ver2.31を使ってショッピングカートを作ってみたのですが、 商品設定の商品説明欄にて、外部リンク(メーカーのHPが別窓で開く)を 張りたいと思うのですが、どのように記述すればよいのでしょうか? <a href="http://www.yahoo.co.jp" target="_blank"> 詳しくはこちら</a> と説明欄に入力してみましたがリンクが張られず、再度編集で見てみますと <a href=\"http://www.yahoo.co.jp\" target=\"_blank\"> 詳しくはこちら</a> となっておりました。 どなたかご存知の方、居ませんでしょうか?

  • target=”_blank” が効きません

    <body>  <ul><li><a href="○" target="_blank">リンク</a></li></ul> </body> 上記のように、<a>~</a>を<ul>~</ul>で囲うとtarget="_blank"が効きません。 <a>~</a>を<p></p>など他のタグで囲った場合は効きます。 <ul>~</ul>で囲った場合だけ効きません。 どんな原因が考えられるのでしょうか… ulにかけているcssの中にtarget="_blank"を殺すような記述が入ってしまっているのでしょうか。 そんなcssありますか? 目的はリンクを別窓で開きたいだけです。 ヒントをいただけますと助かります。

    • ベストアンサー
    • CSS
  • リンクについて

    HPのLINKページを作成中です。 リンクを別窓で開くようにするために、 <head>~</head>内に<base target="_blank">と入れました。 が、1つだけ別窓を開かないようにしたいのです。 そのような場合、どうすればいいのでしょうか? 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 外部cssの記述方法について

    よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、1というフォルダがあります。 その1フォルダの中にトップページが入っています (直下に置きたくないため) そのトップページのcssを外部リンクにするために以下の記述を<head>~</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" />  ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは1フォルダの中に保存しました。これですとcssは適用されるのですが これを1フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、1フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか? 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか? うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像リンクのデザイン

    HP製作で悩んでいます。 ページ全体のデザインをcssファイルに記述し、その中にa要素のデザインも記述しました。 そのcssを外部参照しているので勿論全ページのa要素にそのデザインが反映されます。 画像でリンクしてる部分もあるんですが、そこにまで反映されていて困っています。 画像でリンクしている部分のa要素だけを別のデザインにしたいですが可能でしょうか?

    • ベストアンサー
    • HTML
  • htmlとcssを分けたい。

    http://www.7key.jp/hp/_ex/9.html このページの様にhtmlとcssを使い左右に均等な余白を作りたいのですが、 このページの記述方法だと、htmの中にcssが書き込まれています。 このページの記述方法と同じで、 この記述を外部cssにとして分けたいのですが、 方法、出来れば、ソースを書き込んで回答してくれるとありがたいのですが、 どうか、宜しくお願いします。

    • ベストアンサー
    • HTML
  • iframeの中のページのリンクを全て別窓に

    iframe内で表示するページのリンクを全てtarget=_blankしたとの同じように、別窓で開くようにしたいんですが、 iframe内で表示するページは外部リンクで、編集する事ができないので、iframeを設定しているページで設定したいんですが、可能でしょうか? よろしくお願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • 外部CSSが一部適応されません

    <LINK href="../style.css" rel="stylesheet" type="text/css"> というコードをHTMLファイルのヘッダ部分に記述しているんですが 同じディレクトリ内にあるAフォルダの各ページには反映されて Bフォルダの各ページには反映されません ホームページビルダー8で作成しています もちろんどちらのフォルダ内にある各ページごとに上記外部CSSの 呼び出しコードは記入してあります 問題がありそうな箇所をアドバイスいただけるとうれしいです よろしくお願いします