• ベストアンサー

<A> の属性 `TARGET`の代わりのタグですが。

ご指導を、お願い致します。 <TD><A href="○○○//XXXXXX.XXXXX" target=" _blank"></TD> このタグでは文法記述では、 『<A>のTARGET属性は、その利用自体が薦められていません。 ID属性を使いましょう。』 と表示されますが、＞blank＜を必要として（新規ページで表示） 命令的な＞target＜の代わりには何のタグが必要なのでしょうか？ ID属性での、代わりに入るタグは、何でしょうか。 ○○○○○="_blank">で教えて頂けますでしょうか。 CSSを使うべきも含めての回答も頂けると、有り難いです。 宜しくお願い致します。

  • HTML
  • 回答数4
  • ありがとう数4

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

  • ベストアンサー
noname#49880
noname#49880
回答No.3

<a href="***" onclick="window.open(this.href, '_blank', 'width=**,height=**,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=**,top=**'); return false" tabindex="*" title="別窓で開きます">**</a> または、 <head> <script language="JavaScript"><!-- function winOpen(winName,url,W,H){ Win_op=window.open(url,winName,'scrollbars=yes,width='+W+',height='+H+',top=**,left=**,resizable=yes'); } //--> </script> </head> <a href="javascript:void(0)" onClick="winOpen('**','***.htm',***,***)" title=""></a> （最初の＊＊は名前で何でもお好きに,toolbar=no,yes・・・とかは自分でお好きに） targetのかわりに'onclick'を使う方法で、非推奨とか何とかは 無視して使ってます。 サムネイル画像を大きく表示するのにいいですね。 勿論自己満足ですが（笑）

kyoto-night
質問者

お礼

とても親切に有難う御座います。 なるほど。'onclick'ですか。 下の、スクリプトも使えそうですね。 ＞サムネイル画像を大きく表示するのにいいですね。 勿論自己満足ですが＜ 私も本当に、そう思います。 また、タグの質問では、ご指導お願いしますね。 本当に有難う御座いましたm（_　_）m

その他の回答 (3)

  • Nine-nine
  • ベストアンサー率49% (25/51)
回答No.4

手はいっぱいあると思いますよ。 とりあえずｃｓｓ歓迎のようですので、ｃｓｓ回りで出来るとこをいくつかしょうかいしますね。 http://www.lucky-bag.com/appendix/css-photo-gallery/gallery.html http://www.cssplay.co.uk/menu/photo_scroll#nogo http://www.cssplay.co.uk/menu/photo_simple#nogo http://www.cssplay.co.uk/menu/photo_strip http://www.cssplay.co.uk/menu/lightbox.html#flower8 ポップアップとかリモートロールオーバーのｃｓｓ技術で、デザインを上手くやってる感じです。hoverが肝ですね。インスピレーションのヒントにどうぞ。

kyoto-night
質問者

お礼

<(゜ロ゜;)>ノォオオオオオ!! 有難う御座います。 参考URLを研究させて頂きますね。 cssは今では必項ですものね。苦手を克服しようと頑張ります。 親切なURLを有難う御座います♪ 折角おしえて頂いたので、絶対に取り組みます。 また、ご指導をお願い致しますね。 本当に有難う御座いました<(_ _*)>

  • kazumero
  • ベストアンサー率40% (20/49)
回答No.2

ユーザには、「別ウインドウを表示させるか選択する権利」が確立されています。 target属性を指定しなければ、別ウインドウを表示させたい人は、右クリック⇒新しいウインドウで開く　で可能ですが、 target属性で_blankを指定した場合、別ウインドウを表示させたくない人は、どうすることもできません。 つまり、前者なら、別ウインドウ表示非表示切り替えられますが、後者は（ブラウザにもよりますが）強制的に別ウインドウを表示してしまいます。 こういうところから、target属性は指定すべきでないのです。

kyoto-night
質問者

お礼

回答を有難う御座います。 ユーザーの視線に立って、基本ですものね。 width=620,height=475,top=100,left=50　と、各部屋の写真を 現していたので、こればかりは仕方なく思いました。 それぞれの部屋写真が、多いので見て頂くのにも別ウィンドウしか 手法がないかと。 参考になりました。 本当に有難う御座いました。

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

無いよ。 これはもっと判りにくい事になるけれどframeや別windowを使うべきではないという指針の元に、それらに関わるであろうtarget属性も使うべきではないという話だね。 だからIDを指定しよう！　という警告は、昔からあるname属性を使った同ページ内ジャンプの事を指している事になるね。 判りにくいだろうけど、別窓、別frame　という考え自体がよくないって事だからぶっちゃけその警告は無視するしかないよ。 どうしてもvalid OKでマークバナーを張りたいというなら別windowを諦めるかjavascriptによって隠匿(迂回だから良い方法ではない)するしかないね。

kyoto-night
質問者

お礼

ご回答を有難う御座います。 ＞無いよ。 成るほど、です。私も随分と試行錯誤しましたが、辿りつけない訳ですよねｗ 仰る通りに ＞frameや別windowを使うべきではないという指針の元に ＞target属性も使うべきではないという話 根本的に,タブーとされてるのものを記述の論理に逆らっても仕方ないですね。 ＞別windowを諦めるか これが、最低限の善作かもですね。つまり"blank"を却下ですね。 要約された「無いよ」のスッキリ、サッパリの回答が気持ちよかったです。 ちょいと、思考の角度を変えて、デザインを考えて見ます。 本当に有難う御座いました

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • WordpressでリンクAタグに target="_blank"を自動的に付加したい。

    WordPress2.8.6を使っています。 HTMLモードの記事の作成でlinkボタンを押すと、Aタグの雛形ができますが、 属性のtarget="_blank"がデフォルトでは付加されません。 恐らく、PHPソースを変更する必要があると思いますが、どこを見ればよいのでしょうか？ ＜a href="http://"＞ ↓ ＜a href="http://" target="_blank"＞

  • <div id="blank">内の<a>タグ群だけをtarget="_blank"にしたい

    数十の<a>タグがあるHTMLファイルの中で、 <div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。 該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。

  • preg_replace関数のtarget属性

    ○質問の主旨 preg_replace関数の引数の一部にある<a>タグ内の target属性を"_blank"にしていますが、新しいウィンドウが開かず、 元の画面のまま、href属性のリンク先に遷移します。 新しいウィンドウにhref属性のURLを表示させるためには どうすれば良いでしょうか？ ご存知の方がいらっしゃいましたら、ご教示願います。 ○質問の補足 現在、以下のようなコードを用いています。 $tweet['text']=preg_replace("/(http:\/\/t.co\/[a-zA-Z0-9]{10})/", "<a href=\"\\0\"　target=\"_blank\">\\0</a>", $tweet['text']); $tweet['text']とは、Twitter RESTAPI1.1のGET search/tweetsから ひっぱってきた文字列で、ツィート本文のことです。 コード全体の意味は、 「ツィート本文にhttp://t.co/○○○○○○○○○○という文字列があれば、 そのリンク先にtarget=_blankで遷移しなさい」 ということになります。 以上、よろしくお願い申し上げます。

    • ベストアンサー
    • PHP
  • <a>のtarget属性が効かない?

    私はあるホームページを製作・運営しているのですが、どうも<a target="_top">が効かないんです…。 ほかのタグや、target="_blank"等は効くのですが、_topだけ、まったく反応しないんです…。 Sleipnirを使用しているので、そのせいかな?と思い、IEでも動作確認をしたのですが、反応がありませんでした…。 ところが、なぜかFirefoxでは作動すようです。 これは、私のパソコンの調子がおかしいのでしょうか? それとも、タグの記述の仕方が悪いのでしょうか? もしくは、「そういうもの」ということなのでしょうか? よろしくお願いいたします。

  • 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
  • <A> に他のHTML用の属性 `TARGET`

    ソースをチェックしたら <A> に他のHTML用の属性 `TARGET` が指定されています。 の部分が <TAG> に XXXX 用の属性 `ATTR` が指定されています。 *5* チェックしているHTMLのヴァージョンではサポートされていないが、他のヴァージョンでサポートされている属性です。あまりこの警告が大量に出るようなら、DOCTYPE宣言が適切でない可能性があります。 というエラーになりました。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html lang="ja"> で宣言しているのですが、 これは間違いですか？ target="_blank" は使いたいです。

    • ベストアンサー
    • HTML
  • <A> に他のHTML用の属性 `TARGET`

    ソースをチェックすると 「<A> に他のHTML用の属性 `TARGET` が指定されています。」 というエラーになるのですが、 aタグにTARGETを使うのはよくないという事でしょうか？ 解説を見ても --------------------------------------------------------------------------- 80. <TAG> に XXXX 用の属性 `ATTR` が指定されています。 *5* チェックしているHTMLのヴァージョンではサポートされていないが、他のヴァージョンでサポートされている属性です。あまりこの警告が大量に出るようなら、DOCTYPE宣言が適切でない可能性があります。 --------------------------------------------------------------------------- と書いてあり、なぜだめなのかよくわかりません。 TARGETを使いたいのなら、DOCTYPE宣言を変えるしかないという事でしょうか？

  • リンク付き画像を右よりに表示するには？divタグ

    <a href="http://○○" target="_blank"> <img src="http://○○" border="0" /></a> というタグを、ページの右に表示させたいのですが、 どうやって、表示させればいいのでしょうか？ divタグで挟むことをなんとなくわかったのですが、 divタグをどのように使えばいいのかわかりません。 cssで表示させる方法を教えてください。 今の状態でアップロードすると、自動で左寄りに表示されてしまいます

  • target属性に変わるものについて

    現在XHTML1.0のstrictでページを修正しているのですが、 新しいページを開くためにimg要素内に設定しておいたtarget属性が Ｗ３ｃチェッカーでエラーとして表示されてしまいます。 このtarget属性に代わる属性を教えて頂きたいです。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ＴＤタグをスタイルシートを使って綺麗に簡単に書きたい。

    二つほど質問があります… 以下のようなcssとhtmlを書きました。 ○stylesheet.css body{background-color:#ffffff} a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} ○XXX.html <html> <head> <meta http-equiv="text/html" contents="Shift_JIS"/> <link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/> </head> <body> <table border> <tr> 　<th>&nbsp;</th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> 　<th>XXXXXX</th> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">100</a></td> 　<td align="right"><a href="###.html">525</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> <tr> 　<th>XXXXXX</th> 　<td align="right"><a href="###.html">10</a></td> 　<td align="right"><a href="###.html">150</a></td> 　<td align="right"><a href="###.html">300</a></td> </tr> </table> </body> </html> 質問１ <td>は全て数値で、必ず右寄せ（align="right"）なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか？ 質問２ マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか？ できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する