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

共同執筆者 wikiHow編集チーム

あなたのウェブサイトを訪れた人が何か気になることや質問がある場合に、気軽に問い合わせができる方法があれば非常に便利です。そのような機能を追加すれば、ウェブサイトの価値が間違いなく高まります。この記事では、簡単なHTMLのコードを使ってウェブページにメールリンクを追加する方法を、手順を追って紹介します。

ステップ

  1. 1
    HTML文書にアンカータグ<a href=を入力しましょう。<a href= 属性は、HTML文書にリンクを挿入する際に使います。<a href= タグは、後に続くアイテムがリンクであることをブラウザに伝えます。
    • この時点までにHTMLコードを全て記述してから、さらなる機能を追加しましょう。
  2. 2
    「=」の後にmailto:を入力しましょう。これは、後に続くリンクがウェブページではなくメールアドレスであることを、ウェブブラウザに伝えます。
  3. 3
    メールアドレスを入力しましょう。正しい書き方の例は次の通りです:<a href=mailto:<nowiki> agentavery@sample.com
  4. 4
    件名を追加しましょう(任意)。あらかじめメールの件名を追加しておきたい場合は、メールアドレスの後にクエスチョンマーク(?)を入力し、続けて「subject(クエスチョンマークは不要)」と入力します。さらに、イコール「=」、そして件名を入力したら、クオーテーションマークで囲みましょう。
    • 件名も追加した書き方の例は、次の通りです:<a href=mailto:<nowiki>agentavery@sample.com?subject="subject text"
    • 件名に英数字以外の文字を使わないようにします。英数字だけで件名を作成することは十分可能であり、そうすればリンクが開かない、何か別のものの一部として認識されるなどということがなくなります。
    • 使われることはほとんどありませんが、mailto構文を使って件名をあらかじめ追加しておくことが可能です。しかしこの方法は、受信メールを処理する機械の中にあるサーバーにメールが送られ、のちに処理が行われる(そのためフィルタリングが可能となる)という状況でよく使用されます。
    • 同様の構文を使って、「body(本文)」やccまたはbccも追加できます。クエスチョンマークの後に「body」、「cc」、「bcc」を入力し、続けてイコールを入力します。さらに各項目に対する任意のテキストを追加して、クオーテーションマークで囲みましょう。
  5. 5
    右括弧>を入力しましょう。ここまでのHTMLのコマンドは、リンクするメールアドレス、および追加する件名・cc・bccをウェブブラウザに伝えるように記述されています。右括弧「>」で閉じることによって、リンクがクリックされた時にそれ以上実行するコマンドがないことをブラウザに伝えます。
  6. 6
    リンクテキストを入力しましょう。これは、サイト訪問者がメールリンクを開くためにクリックする部分のテキストです。右括弧の後に入力します。単語、短い文章、あるいは使用するメールアドレスのコピーでもかまいません。多くの場合、「こちら」などの語句が使われています。
  7. 7
    リンクテキストの後に</a>を入力しましょう。これにより、HTMLコマンドを閉じます。HTMLのアンカータグを機能させるためには、括弧で閉じることが必須です。そうしなければ、ページの続きの部分がアンカータグの範囲内にある状態になってしまいます。
    • HTMLのメールリンクコマンドの完成形は次のようになります:<a href=mailto:<nowiki>agentavery@sample.com?subject="HTML link">Click here to send us an email!!!</a>
  8. 8
    HTML文書の続きを書きましょう。文書は必ず保存します。追加するHTMLがあるなら、引き続き書きましょう。

ポイント

  • HTMLのアンカータグ<a>には様々な使い方があります。アンカータグについてよく学び、効果的に使用しましょう。
  • アンカータグはHTML文書のbody(<body>...</body>)内に記述しなければなりません。別の場所に記述した場合、エラーを起こしたり、メールアドレスを記載しているウェブページを読み込むとすぐにメールエージェントが立ち上がったりすることになります。たとえあなたがページをプレビューしていても、あるいは訪問者がページを開いても関係ありません。また、意図せずメールエージェントが立ち上がることで、いら立ちを感じることもあります。

注意事項

  • ウェブページにメールアドレスを載せると、メールのアカウントにスパミングの問題を起こす可能性があります。インターネット上には、この種のメールをスパミング目的で収集する人たちが多数います。そのため、公開するウェブサイトにメールリンクを載せる場合は、スパミング対策を講じることも必要です。
  • メールを送信する前に、宛先の名前を確認しましょう。
  • パソコンにメールクライアントをインストールしていない場合、そのユーザーはあなたにメールを送ることができません。

記事の情報

この記事は、経験豊富なwikiHowの編集者と調査員から成るチームによって執筆されています。調査員チームは内容の正確性と網羅性を確認しています。

カテゴリ: インターネット

他言語版:

English: Create an Email Link in HTML, العربية: إنشاء رابط عنوان بريد إلكتروني في لغة إتش تي إم إل, Italiano: Creare un Link per Inviare un'Email in HTML, Русский: создать ссылку на электронную почту в HTML, ไทย: สร้างลิงค์สำหรับติดต่อทางอีเมล ด้วยโค้ด HTML, Deutsch: Einen E mail Link in HTML erstellen, Español: crear un enlace de correo electrónico en HTML, Bahasa Indonesia: Membuat Tautan Surel pada HTML, 中文: 在HTML中创建电子邮件链接, Português: Criar um Link de Email em HTML

このページは 70 回アクセスされました。
この記事は役に立ちましたか?