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

Question

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

私がブラウザで開き、ボタンをクリックすると、その後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であると思われる。

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

Answer 1

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

Answer 2

リンク先が意図していない場所に移動することを確認するには、//または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> 

：

Answer 3

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

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

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

Answer 4

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

Answer 5

あなたは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>