mailto html | Erklärt

mailto html | Erklärt
Berücksichtigen Sie ein Szenario, in dem ein dienstbasiertes Unternehmen eine Website hat. Der Eigentümer des Unternehmens möchte Kundenfeedback zu seinen Diensten und benötigt die Nachrichten, die direkt an seine E -Mail -Adresse gesendet werden. In einem solchen Szenario kann der Website -Entwickler einen Link zur E -Mail -ID des Eigentümers auf der Website erstellen, damit die Kunden Feedback oder Abfragen senden können. Um diesen Zweck zu erreichen, bietet uns HTML eine Technik namens “MailtoLinks.

Dieser Blog wird unterrichten:

  • Was ist mailto html?
  • So fügen Sie einen Single Mailto -HTML -Link hinzu?
  • So fügen Sie mehrere Mailto -HTML -Links hinzu?

Lass uns anfangen!

Was ist mailto html?

Mailto”HTML -Links können verwendet werden, um den Endbenutzer in eine E -Mail -Adresse umzuleiten. Wenn der Mailto -Link geklickt wird, wird die Standard -E -Mail -Messaging -Software auf der Seite des Benutzers geöffnet. Es schlägt vor, dass der Benutzer die Abfrage oder das Feedback an die E -Mail -Adresse sendet.

Syntax
Befolgen Sie die angegebene Syntax, um Mailto HTML im Tag zu verwenden:

Die Beschreibung der oben genannten Syntax wird unten erklärt:

  • “Ist ein Start -Anker -Tag, das zum Bereitstellen von Links verwendet wird.
  • hrefIst das Attribut des Tags, das die URL des Links angibt. Ohne HREF kann nicht als Hyperlink arbeiten.
  • [email protected]”Ist die E -Mail -Adresse der Person oder Firma, an die die Nachricht gesendet werden soll.
  • “Ist das Endetikett.

So fügen Sie einen Single Mailto -HTML -Link hinzu?

Um den mailto HTML -Link in die HTML -Datei hinzuzufügen, erstellen Sie zunächst eine DIV und nennen Sie ihnFeedback-Container”. Fügen Sie dann ein Anker -Tag hinzu und schreiben Sie im HREF -Attribut ", schreiben Sie"Mailto:Und erwähnen Sie die E -Mail -Adresse des Empfängers.

Beachten Sie, dass an der Stelle von „[email protected] “geben Sie die E -Mail -Adresse gemäß den Anforderungen an:



FEEDBACK ABSCHICKEN

Stylen Sie die erstellte DIV, indem Sie die Textausrichtung als „festlegenCenterUm den Inhalt des Div -Centers auszurichten. Um Platz nach oben zu geben, weisen Sie den Wert der Marge-Top-Eigenschaft als “zu" zu "zu"5%”:

Es ist ersichtlich, dass der Link erfolgreich erstellt wird:

Wenn ein Benutzer auf das hinzugefügt wird “FEEDBACK ABSCHICKENLink, es wird auf die Standard -Mailing -Software des Systems weitergeleitet, wobei der Benutzer die E -Mail -Adresse des Unternehmens oder der Person (Empfänger) in der „“ leicht anzeigen kannZu”Komponente der E -Mail. In unserem Fall wird eine neue E -Mail in der "komponiert"PostWindows -App mit der folgenden Struktur:

Zu diesem Zeitpunkt könnte man denken, dass es möglich ist, zwei oder mehr E -Mail -Adressen gleichzeitig anzugeben? Die Antwort ist ja! Lassen Sie uns das praktische Beispiel durchsehen.

So fügen Sie mehrere Mailto -HTML -Links hinzu?

Die Demonstration der Mailto -Links für mehr als eine E -Mail wird im folgenden Abschnitt beschrieben. Schreiben Sie hier die E -Mail -Adressen als “Mailto:”Links von Commas getrennt:



FEEDBACK ABSCHICKEN

Es kann beobachtet werden, dass die komponierte E -Mail nun zwei Empfänger hat:

Hut ab für Dich! Sie haben gelernt, einzelne und mehrere Mailto -Links zu erstellen.

Abschluss

Html "MailtoLinks werden verwendet, um E -Mails an eine bestimmte E -Mail -Adresse zu senden. Mit diesem Ansatz muss der Benutzer eine Messaging -App nicht separat öffnen und die E -Mail -Adresse des Empfängers als E -Mail -Adresse der Person eingeben, an die der Absender eine Nachricht senden möchte, die bereits per Post angezeigt wird. In dieser Anleitung geht es darum, was Mailto HTML ist und wie die Methode zum Erstellen von Einzel- und Mehrfach -Mailto -HTML -Links ist.