Der Begriff „mailto“ ist ein HTML-Befehl, um einen E-Mail-Verweis in ein Dokument oder eine Webseite einzubauen. Aber wie genau erstelle ich einen solchen E-Mail-Link? Und wie können Betreff, Kopie (CC) und Blindkopie (BCC) hinzugefügt werden?

 
SelfHTML
Facts 

Die Auszeichnungssprache HTML definiert, wie Browser eine Internetseite verarbeiten und darstellen. Grundgerüst dafür sind sogenannte Tags. Das sind Befehle, die in eckigen Klammern gesetzt werden. Der Mailto-Tag ist dann bedeutsam, wenn ihr beispielsweise ein Kontaktformular in HTML erstellen oder euren Besuchern die Option geben wollt, euch einfach per Mausklick eine E-Mail zu schreiben. Wie ihr den Mailto-Tag erstellt und welche Optionen ihr einfügen könnt, zeigen wir euch im Folgenden.

So gebt ihr den E-Mail-Verweis als Mailto-Link in das HTML-Gerüst eurer Webseite ein:

Attribute Mailto-Befehl
Eine E-Mail an einen Empfänger <a href="mailto:name@bla.de">Sende eine E-Mail</a>
Eine E-Mail an mehrere Empfänger <a href="mailto:name1@bla.de,name2@beispielwebseite.de">
Kontakt zu uns</a>
E-Mail mit definiertem Betreff <a href="mailto:name@bla.de?subject=Das ist ein Betreff">E-Mail mit Betreff „Das ist ein Betreff“</a>
E-Mail mit sichtbarer Kopie (CC) <a href="mailto:name@bla.de?cc=name2@beispielwebseite.de">E-Mail mit Kopie</a>
E-Mail mit Blindkopie (BCC) <a href="mailto:name@bla.de?bcc=name2@beispielwebseite.de">E-Mail mit Blindkopie</a>

Vor dem jeweiligen „</a>“ könnt ihr beliebigen Text wählen. Dort braucht nicht „Sende eine E-Mail“ oder „Kontakt zu uns“ stehen. Gebt einfach den Text ein, der für eure Webseite passt, denn dieser Teil ist für eure Besucher als Textlink sichtbar.

Der Mailto-Link lässt sich auch als Hyperlink über das Menü eures Editors einfügen:

  1. Markiert dazu einfach den Text oder das Bild, von dem aus das E-Mail-Programm des Nutzers geöffnet werden soll, wenn er darauf klickt.
  2. Klickt auf „Einfügen“, wählt „Link“ aus und gebt mailto:name@bla.de ein.

Seid ihr euch unsicher, könnt ihr einfach wichtige HTML-Tags nachschlagen. Ihr findet die Codes übersichtlich im SelfHTML Handbuch und lest dort zum Beispiel auch, wie ihr fett, kursiv und Blocksatz schreiben auf der Webseite darstellen könnt.

Einen kurzen Einblick für Anfänger in die Welt des HTML5 bietet euch der praktische Ratgeber HTML5 Schnelleinstieg für Dummies:

HTML5 Schnelleinstieg für Dummies: Jetzt aber flott - der kompakte Einstieg in HTML5
HTML5 Schnelleinstieg für Dummies: Jetzt aber flott - der kompakte Einstieg in HTML5
Preis kann jetzt höher sein. Preis vom 27.05.2022 10:15 Uhr

Mailto-Generator nutzen

Ist es euch zu kompliziert den Mailto-Link manuell einzufügen, nutzt einfach einen kostenlosen externen Mailto-Link Generator wie:

Mailto: Die Vorteile des HTML-Befehls

Egal, ob ihr den HTML-Befehl im klassischen HTML-Modus eurer Webseite oder in WordPress (basierend auf HTML) im Textmodus eingebt: Durch die Mailto-Anweisung gibt es zwei Vorteile:

  • Webseiten-Besucher haben den Vorteil, die E-Mail-Adresse nicht extra in ihre E-Mail-Programm einfügen zu müssen. Das Fenster zum Versenden einer neuen E-Mail wird automatisch geöffneten und der von euch bestimmte Empfänger eingetragen.
  • Der Webseiten-Betreiber hat den Vorteil, dass seine E-Mail-Adresse nicht direkt auf der Internetseite zu lesen ist, wenn ihr diesen nicht ausschreibt.

Es ist gar nicht so kompliziert, einen Mailto-Link per HTML-Code zu erstellen. Hat es bei euch funktioniert oder habt ihr noch Fragen, wie ihr den Code als praktischen Link in euren Text oder Kontaktformular einfügt?

Experten-Quiz: Erkennt ihr diese 99 Anime an nur einem Bild?

Du willst keine News rund um Technik, Games und Popkultur mehr verpassen? Keine aktuellen Tests und Guides? Dann folge uns auf Facebook (GIGA Tech, GIGA Games) oder Twitter (GIGA Tech, GIGA Games).