Javascript Mailto HTML-Format

| | | | | | | | | | | | | | | | | | | | | | | |

Der HTML-Mailto-Link öffnet beim Verknupfen den Standard-E-Mail-Client eines Besuchers. Diese Art von Link ermöglicht es einem Benutzer, Sie schnell per E-Mail zu kontaktieren. Sie können einen Standardbetreff, CC, BCC und Text mit einem mailto-Link angeben.

Manchmal möchten Sie beim Erstellen einer Website fur einen Kunden, dass Sie seine Geschäftsinformationen auf der Website angeben . Dies beinhaltet häufig das Hinzufugen einer Möglichkeit, das Unternehmen auf der Website zu kontaktieren.

In der heutigen Zeit enthält dies meist eine E-Mail-Adresse oder Telefonnummer. In diesem Artikel werfen wir einen Blick darauf, wie Sie eine E-Mail in Ihrem HTML-Code verlinken. Dadurch können Sie sicherstellen, dass der Standard-E-Mail-Client des Clients mit der geschäftlichen E-Mail als Adressat geöffnet wird.

HTML-Mailto-Links

Ein HTML-Mailto-Link macht es einem Benutzer leicht, Sie per E-Mail zu kontaktieren. Wenn auf einen mailto-Link geklickt wird, wird der E-Mail-Client des Benutzers geöffnet. Es wird eine neue E-Mail erstellt, die an die E-Mail im mailto-Link adressiert ist.

Die gängigste Methode zum Verknupfen einer E-Mail in HTML ist die Verwendung eines Anker-Tags mit einem href Attribut.

Das href verweist auf die E-Mail, an die Sie die E-Mail senden möchten.

Hier ist die Syntax fur einen einfachen Mailto-Link:

Dieser Link öffnet eine neue, leere E-Mail, die an Sie adressiert ist, im Benutzer’ E-Mail-Client. Aber wir können unserem mailto-Link weitere Informationen hinzufugen.

Der Mailto-Link akzeptiert die Folgendes:

  • E-Mail eines Benutzers.
  • Betrefffeld.
  • CC-E-Mails.
  • BCC-E-Mails.
  • Standardtext.

Lassen Sie uns einen genaueren Blick auf die Verwendung eines HTML-Mailto-Links werfen.

Mailto-HTML-Beispiel

Wir erstellen eine "Kontakt‚"-Seite auf unserer Website, und wir m√∂chten einen Link, der es Benutzern leicht macht, uns eine E-Mail zu senden. Wir k√∂nnen diesen Link mithilfe der HTML-Funktion fur mailto-E-Mail-Links implementieren:

Kontakt!

[email protected]

Wenn Sie der E-Mail einen Betreff hinzufugen möchten, können Sie dies auch tun!

Kontakt!

[email protected]

Unser mailto-Link ist im HTML Tag oben. Wir können den mailto-String in drei Teile aufteilen:

  1. Das href-Schlusselwort: mailto:
  2. Die E-Mail: [email protected]
  3. Der Betreff: ?subject= Mail von xyz.com

Wir möchten unserer E-Mail noch ein paar Informationen hinzufugen. Dazu verwenden wir einige weitere mailto-Linkattribute, die wir im letzten Abschnitt besprochen haben.

Im folgenden Beispiel setzen wir eine Ziel-E-Mail, einen CC, a BCC, ein Betreff und ein Text:

Der String wird wie folgt aufgeteilt:

  1. Das href-Schlusselwort: mailto:
  2. Die E-Mail: [email protected]
  3. Der CC: ?cc=[email protected]< /em> ‚Äì Sie k√∂nnen mehrere CCs als durch Kommas getrennte Werte hinzufugen
  4. Der bcc: &bcc=[email protected] ‚Äì Sie k√∂nnen hier auch mehrere BCCs als durch Kommas getrennte Werte hinzufugen.
  5. Der Betreff: &subject=Mail from xyz.com
  6. Der Text: &body=Body-goes-here

Eine E-Mail mit all diesen Informationen wird erstellt und im Benutzer’ Standard-Mail-Client.

Schlussfolgerung

Der HTML-Mailto-Link öffnet beim Anklicken automatisch den E-Mail-Client eines Benutzers. Sie können einen Mailto-Link mit Informationen wie Betreffzeile, Text, oder CC. Ein mailto-Link muss die Adresse enthalten, an die die E-Mail gesendet werden soll.

Wir haben uns angeschaut, wie es geht Fugen Sie einem Anchor-Tag ein mailto href hinzu. Dieser Link bedeutet, dass ein Benutzer auf eine E-Mail auf einer Website klicken kann und sein Standard-E-Mail-Client mit vorausgefullten Daten geöffnet wird. Wenn Sie sich wohl fuhlen, wurde ich Ihnen empfehlen, dasselbe zu tun aber fur Telefonnummern oder Google Map-Wegbeschreibungen!

Möchten Sie mehr uber HTML erfahren? Wir haben eine Anleitung zum Erlernen von HTML Leitfaden fur Sie. Dieser Leitfaden enthält Expertenratschläge zum Erlernen von HTML. Außerdem finden Sie eine Liste der wichtigsten Lernressourcen, die Sie o Ihnen helfen, Ihr Wissen zu erweitern.