解決済み: ボタン html href

ボタンの HTML href に関連する主な問題は、異なるブラウザー間で一貫して見える方法でボタンのスタイルを設定することが難しい場合があることです。 さらに、href 属性を持つアンカー タグを使用すると、デフォルトでリンクが同じウィンドウで開きますが、これは特定の種類のリンクでは望ましくない場合があります。 最後に、href 属性が適切に構成されていない場合、ボタンをクリックするとエラー ページが表示される場合があります。

<button><a href="">Click Here</a></button>

1. このコード行は、HTML でボタン要素を作成します。
2. ボタン要素内に、href 属性が空のアンカー タグがあります。
3. アンカー タグには、「ここをクリック」というテキストが含まれています。

HREFの定義

HREF は Hypertext Reference の略で、ハイパーリンクを定義するために使用される HTML 属性です。 同じ Web サイトまたは別の Web サイトのいずれかで、あるページを別のページにリンクするために使用されます。 HREF 属性は、リンクの宛先を指定し、次のような他の HTML 要素と共に使用できます。 ,

.

ボタン HTML で HREF を使用できますか

いいえ、HTML のボタン要素で href 属性を使用することはできません。 ボタン要素は href 属性をサポートしていません。 ただし、JavaScript を使用して、ユーザーがクリックされたときに別のページに移動するクリック イベント リスナーをボタンに追加することができます。

href をボタンとしてどのようにスタイルしますか

アンカー タグを HTML のボタンとしてスタイルするには、次のコードを使用できます。

ボタンのテキスト

次に、次の CSS をスタイルシートに追加します。

。ボタン {
背景色: #4CAF50; /* 緑 */
ボーダー:なし;
色:白;
パディング:15px 32px。
テキスト整列:センター;
テキスト装飾:なし;
表示: インラインブロック; フォントサイズ: 16px; マージン: 4px 2px; カーソル: ポインタ;}

関連記事:

コメント