HTML でメールリンクを作成する方法

ウェブサイト訪問者にとって、ウェブサイトに関する質問や問い合わせについて簡単に連絡できる方法があれば便利です。そして、これはどんなウェブサイトにとっても間違いなくプラスになります。簡単な HTML コードスニペットを使用して Web ページに電子メールリンクを追加する方法を段階的に説明します。

ステップ

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1アンカータグを入力します<a href= 。「<a href="」属性は、HTML ドキュメント内のリンクの始まりとして機能します。「<a href=」タグは通常、ブラウザに、その後に続くのがリンクであることを伝えます。
- ドキュメントを続行する前に、すべての HTML コードをここに追加する必要があります。
2 「=」記号の後に「mailto: 」と入力します。これは、リンクをたどると Web ページではなく電子メールアドレスに移動することを Web ブラウザーに伝えます。
3次に、ユーザーのメールアドレスを入力します。これまでのところ、正しくフォーマットされたコマンドは<a href=mailto:<nowiki> [email protected]です。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4事前に作成された件名を追加します (オプション)。あらかじめ用意された件名を追加する場合は、ユーザーのメールアドレスに続いて疑問符 (?)、次に「件名」という単語 (引用符なし)、等号 (=)、最後に引用符で囲んだ件名の順に入力します。 }
- コマンドに追加する場合は、次のようになります: {{kbd|<a href=mailto:<nowiki>[email protected]?subject="subject text"}
- 件名には英数字以外の文字を使用しないようにしてください。この問題には回避策があり、リンクが動かなくなり、他のものと間違われることはありません。
- mailto 構文を使用して情報を追加することで、件名行に事前に入力することも可能ですが、この方法は一般的には使用されません。ただし、受信メールをロボット内のサーバーに送信して後で処理 (フィルタリング) する場合に使用されることの方が多いです。
- 同様の構文を使用して、「本文」と cc (カーボンコピー) または bcc (ブラインドカーボンコピー) 行を追加できます。「本文」、「cc」、または「bcc」の後に疑問符を付け、次に等号を付け、最後にテキスト行を囲む引用符のペアを必ず付けてください。
5入力>閉じ括弧を追加します。現在、HTML コマンドは、Web ブラウザーにリンク先の電子メールアドレスを指示し、件名、CC、または BCC を追加します。閉じ括弧「>」は、リンクがクリックされたときに他のコマンドを実行しないように Web ブラウザに指示します。
6リンクテキストを入力します。これは、ユーザーが電子メールリンクを開くためにクリックするテキストであり、閉じ括弧の後に配置されます。単語、フレーズ、または送信先のメールアドレスのコピーでもかまいません。ほとんどの場合、リンクテキストは「ここ」または同様のものになります。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":828,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 </a>の後にリンクテキストを入力します。これにより、HTML コマンドがオフになります。 HTML アンカータグが有効になり、ページの残りの部分がアンカータグの拡張コンテンツにならないようにするには、終了タグが必要です。
- HTML 電子メールリンクコマンド全体は次のようになります: <a href=mailto:<nowiki>[email protected]?subject="HTML link">ここをクリックして電子メールを送信してください。！！ </a>
8 HTML ドキュメントの残りの部分を続けます。作業内容を必ず保存してください。ドキュメントに追加する HTML がさらにある場合は、作業を続行します。広告する

ヒント

HTML アンカータグ <a> はさまざまな方法で使用できます。効果的に使用するには、十分に理解しておくことが最善です。
アンカータグは、HTML ドキュメントの本文 (<body>…</body>) セクションに配置する必要があります。他の場所に配置しないでください。エラーが発生したり、リストされている Web ページを読み込むときに、プレビューしているかどうか、または訪問者がこのページを開いているかどうかに関係なく、電子メールプロキシがすぐに開かれ、意図せずに開かれる問題が発生する可能性があります。

広告する

警告する

電子メールアドレスを Web ページに掲載すると、電子メールアカウントにスパムの問題が発生する可能性があります。インターネット上には、スパム送信用にこの種の電子メールを収集するプログラムを実行できる人がたくさんいます。したがって、公開 Web サイトに電子メールリンクを投稿する人も、スパム対策を講じる必要があります。
メールを送信する前に受信者の名前を確認してください。
ユーザーのコンピュータに電子メールクライアントがインストールされていない場合は、電子メールを送信できません。

広告する

<<: iPhoneのバッテリーを取り外す方法

>>: スポンサーを探す方法