HTMLリンクが正しく動作しない場合があります

自分のアプリケーションにローカルサーバーを使用しています。新しいタブで別のページへのボタンやリンクを作成したときに正しく動作しないことがあります。それはいつもそうではありませんが、時には、馬鹿に聞こえるかもしれません。私は以下の例を挙げます。HTMLリンクが正しく動作しない場合があります

私がブラウザで開き、ボタンをクリックすると、その後index.htmlファイルで、私はこの

<a href="www.google.co.uk" ><div class="button" id="button=popup">Download Codes</div></a>

のようなボタンのリンクを作成する、のは、私のアプリケーションは、WWWフォルダに存在する**programmingworld**あるとしましょう場合によってはhttp://localhost/programmingworld/www.google.co.ukになり、ページには何も表示されません。私はGoogleのホームページを見ることができる新しいタブのwww.google.co.ukであると思われる。

なぜ教えていただけますか？

出典

2016-03-19 Ben Sc

必ずHTTPを入れて作ります彼はリンク、それは相対的なリンクを探しています – Billy

そう、私はそれを得て、情報に感謝します。 –

あなたは書くべき//ハイパーリンクの先頭に、それはあなたのローカルディレクトリやファイルを検索されます。

出典

2016-03-19 22:58:11

はい、私は今それを得ました...ありがとう;） –

リンク先が意図していない場所に移動することを確認するには、//またはhttp://を追加してください。

例：//で <a href="//www.google.com/">Google</a> または <a href="http://www.google.com/">Google</a>

それはHTTPとHTTPSをしようとします。 HTTPを書いていない場合は

<a href="http://www.google.co.uk" ><div class="button" id="button=popup">Download Codes</div></a>

：

出典

2016-03-19 22:57:16 TechnoCF

私はちょうど '：//'を入れようとしましたが、うまくいきませんでしたが、 'http：//'を置くと動作します。 –

オハイオ州、私はそれがすべての時間を動作しないと思う。ブラウザに依存する可能性があります。 – TechnoCF

私はそう思う、次回はメソッドを使うだろう:) –

URLにプロトコルが含まれていないためです。 http：//またはhttps：//

で始まる必要があります。また、アンカータグの内側からdivを削除してください。

あなたの質問には、基本的なhtmlに関するもう少しテストが必要であることが示唆されています。

出典

2016-03-19 22:58:27 LambethWalk

インタラクティブな要素がない限り、タグ内部のタグはhtml5でうまくいきますが、htmlはno noでした。 – Billy

確かな仲間！ありがとう... –

-1

私は最も確かにhttps：// を使用することをお勧めします。私はそれに似た問題を抱えていて、修正するためにhttpsを追加してみてください。

出典

2016-03-19 22:59:19

どうすればhttpsリンクですか？ – Billy

あなたのリンクを確認しましたが、うまくいきます。私のブラウザは自動的に "https"を追加します：https://www.google.co.uk/?gws_rd=ssl これを試してください^うまくいくはずです。 –

googleはこの例では例として使用されるかもしれませんが、SSLを使用して[W3schools https]（https://www.w3schools.com/） – Billy

あなたはwww.google.co.uk

前https://を逃しているので、あなたはマークアップは次のようになりますしている：

<a href="https://www.google.co.uk"> 
    <div class="button" id="button=popup">Download Codes</div> 
</a>

あなたもなし（このようにそれを行うことができますhttps ）：Tの前にまたはhttps：

<a href="//google.co.uk"> 
    <div class="button" id="button=popup">Download Codes</div> 
</a>

出典

2016-03-19 23:02:25 vectorbooster

ありがとう、それは動作します。私は今それを動作させるためのいくつかの方法を理解しています。 –

HTMLリンクが正しく動作しない場合があります

答えて

関連する問題