HTML5メールリンクの作成方法


方法1: メールアドレスを直接リンクに指定する方法

<a href="mailto:[email protected]">メールを送信する</a>

上記のコードでは、mailto:の後に宛先のメールアドレスを指定します。ユーザーがリンクをクリックすると、デフォルトのメールクライアントが起動し、指定した宛先にメールが送信されます。

方法2: メールアドレスと表示テキストを指定する方法

<a href="mailto:[email protected]">お問い合わせはこちら</a>

上記のコードでは、リンクのテキストを「お問い合わせはこちら」と指定しています。ユーザーがリンクをクリックすると、指定したメールアドレスにメールが送信されます。

また、HTML5のmailto属性にはさまざまなオプションも指定できます。以下にいくつかの例を示します。

  • cc: CCフィールドに指定するメールアドレスを追加します。

    <a href="mailto:[email protected][email protected]">メールを送信する</a>
  • bcc: BCCフィールドに指定するメールアドレスを追加します。

    <a href="mailto:[email protected][email protected]">メールを送信する</a>
  • subject: メールの件名を指定します。

    <a href="mailto:[email protected]?subject=お問い合わせ">メールを送信する</a>

以上がHTML5を使用してメールリンクを作成する方法です。必要に応じて、上記のコード例を参考にしてください。