- リンクを使用したページ遷移:
最も基本的な方法は、
<a>要素を使用して別のページにリンクすることです。例えば、以下のようなコードを使用します:
<a href="別のページのURL">リンクテキスト</a>この方法では、クリックすると指定したURLのページに遷移します。
- ボタンを使用したページ遷移: ボタンをクリックすることでページを切り替える場合は、JavaScriptを使用します。以下は、JavaScriptを使ったボタンによるページ遷移の例です:
<button onclick="window.location.href='別のページのURL'">ボタンテキスト</button>この方法では、ボタンをクリックすると指定したURLのページに遷移します。
- フォームを使用したページ遷移: フォームの送信ボタンをクリックすることでページを切り替える場合は、以下のようなコードを使用します:
<form action="別のページのURL" method="POST">
<!-- フォームの入力項目など -->
<input type="submit" value="送信">
</form>この方法では、フォームの入力内容を指定したURLに送信し、そのページに遷移します。
これらの方法を組み合わせることで、さまざまなページ遷移の仕組みを作ることができます。必要に応じて、JavaScriptやサーバーサイドの処理と組み合わせることも可能です。