PDF形式でダウンロードPDF形式でダウンロード

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

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

ポイント

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

注意事項

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

このHow.com.vn記事について

How.com.vn 日本語: How.com.vn編集チーム
共著者 ::
How.com.vnスタッフライター
この記事は、経験豊富なHow.com.vnの編集者と調査員から成るチームによって執筆されています。調査員チームは内容の正確性と網羅性を確認しています。

How.com.vnのコンテンツ管理チームは、編集チームが編集した記事を細心の注意を払って精査し、すべての記事がHow.com.vnの高品質基準を満たしているかどうかを確認しています。 この記事は2,614回アクセスされました。
カテゴリ: インターネット
このページは 2,614 回アクセスされました。

この記事は役に立ちましたか?

⚠️ Disclaimer:

Content from Wiki How 日本語 language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

広告