回答編集履歴

- 質問文にある`a要素`、`button要素`を使った2つのコードの動作は**同等**です。しかし、後者で入力項目を用意し、`button要素`をクリックした場合フォームのデータが`?`を区切りとして`action属性`の値に追加されることに対して、前者では`href属性`にこれを直接記述しなければなりません。また、以下のようにこの2つの要素が持つ意味には**大きな違いがあります**。

- - `a要素`: 主に**どこかへ移動することを意図するもの**に使われる。

- - `button要素`(`type属性`が`submit`): ボタンを表し、**フォームのデータを送信する目的**で用いられる。

- 仮に`a要素`で見た目上は`button要素`と同じものを作り、`button要素`のように使うとしても、要素の意味を解釈するスクリーンリーダーやクローラーなどのツールがその`a要素`を適切に`button要素`のようなものとして理解するかどうかは**保障されません**。これは`button要素`で見た目上`a要素`のようなものを用意したときにも同じことが言えると思います。