上の写真のようtarget="_blank"を入れていると
別のタブで任意のサイトが開きます。
しかし、同じタブで開きたいと思target="_blank"を外すと
下の写真のようになります。
なぜだかわかりません。
コードのエラーも出ていませんからブラウザーの関係でしょうか?
教えてください。
コードを追加します。
HTML
1<!DOCTYPE html> 2<html iang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>太郎のポートフォリオサイト</title> 6 <link rel="icon" href="favicon.ico"> 7 <meta name="Description" content="太郎のポートフォリオサイトです。"> 8 </head> 9 <body> 10 <header> 11 <navi> 12 <ul> 13 <li>HOME</li> 14 <li>ABOUT</li> 15 </ul> 16 17 </navi> 18 19 <img src="img/header.png" width="400" height="130" alt="ヘッダー画像"> 20 </header> 21 22 <section> 23 <h1>すがわまこと</h1> 24 <p>プログラミング見習い</p> 25 <img src="img/taro.png" width="140" height="140" alt="太郎の写真"> 26 </section> 27 <section> 28 <img src="img/work1.png" width="400" height="260" alt="勇者ゲーム"> 29 <h1>勇者ゲーム</h1> 30 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです</p> 31 </section> 32 33 <section> 34 <img src="img/work2.png" width="400" height="260" alt="宝探しゲーム"> 35 <h1>宝探しゲーム</h1> 36 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです</p> 37 </section> 38 39 <section> 40 <img src="img/work3.png" width="400" height="260" alt="神経衰弱"> 41 <h1>神経衰弱</h1> 42 <p>楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリです楽しいアプリ</p> 43 </section> 44 <footer> 45 <ul> 46 <li> 47 <a href="mailto:look.zyuuyou@gmail.com" target="_blank"> 48 <img src="img/mail.png" width="20" height="20" alt="メール送信"> 49 </a> 50 </li> 51 52 <li> 53 <a href="https://dotinstall.com/" ><img src="img/blog.png" width="20" height="20" alt="ブログサイトへ"></a> <!--target="_blank"で別タブで開ける--> 54 55 56 57 </li> 58 59 <li> 60 <a href="https://dotinstall.com/" target="_blank"><img src="img/photos.png" width="20" height="20" alt="写真サイトへ"></a> <!--target="_blank"で別タブで開ける--> 61 </li> 62 <p>©︎yamadatarou</p> 63 </ul> 64 65 </footer> 66 67 </body> 68</html> 69 70 71
https://dotinstall.com/ 以外のサイトURLはどうでしょうか
例えばhttps://www.google.comでやっても動きませんね。。。
私の環境(Chrome、Firefox)では、問題が再現されませんでした。
なんなんですかね〜?
困り果てます・・・
同じく、再現しないですね。
一度、打ち直してみては?
あとcssとかほとんど関係ないですしレイアウトとかも関係ないと思うので最小構成で試してから少しずつ肉付けしてみてください
わかりましたやってみます!!
わかりました!!
dreamweaverで開くとできませんが
普通に、ファイルから開くと行けました。dreamweaverを過信しすぎたようです
今後はファイルからプレビューします!皆さんありがとうございます
なるほど、
次からエディタとブラウザは環境情報として記載するようにしてください。
いずれにしても一般ユーザーはブラウザで観てますので
「解決」であれば、解決までの過程を自己回答で投稿し、ベストアンサーに選ぶことが出来ますので、質問を終了させてください。
(^^)
わかりました!いつも本当にありがとうございます!
回答2件
あなたの回答
tips
プレビュー