2017-03-14 6 views
1

私はこのウェブページを作成していますので、ボタンをクリックするだけで同じディレクトリに別のページが開きます。 そうしているうちに、私は満足のいく説明を見つけることができなかった何かを観察しました。 私が使用していますボタンのコードは、これが動作しているようです。このリンクを開くonclick html

<a class="class1" href="webpage2.html"><button type="button">Button1</button></a> 

ではなく、これは、

<button type="button"><a class="class1" href="webpage2.html">Button1</a></button> 

は、なぜこれがそうですか? (私は非常にシンプルな何かが足りないのですか?)

+0

なぜ2つのタグを使用していますか。アンカータグだけを試してみてはいかがでしょうか。しかし、ボタンクラスを適用することができます。 Abizz

+0

@AlexandruSeverinあなたのリンクが私の問題を解決しました。 – Arunava

答えて

1
<a class="class1" href="webpage2.html"><button type="button">Button1</button></a> 

1は、アンカータグ...それは代わりにクリックますアンカーである、ということを意味内側 buttonあるよう
<button type="button"><a class="class1" href="webpage2.html">Button1</a></button> 

が異なっています2番目のボタン はbuttonのアンカータグです。

最初のケースでは、ボタンの代わりに機能するのは、アンカータグのクリックイベントです。 2番目のケースでは、アンカータグのクリックアクションではなく動作しているボタンのクリックアクションです。したがって、hrefwebpage2.htmlは機能しません。

+0

うんうん、それはhtml5が対話的な要素を下敷きとして持つことは許されていないようです。 – Arunava

関連する問題