HTML Mailto Javascript-indeling

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

De HTML mailto-link opent de standaard mailbox van een klantbezoeker wanneer je bent ingelogd. Met dit type link kan een gebruiker snel contact met je opnemen via e-mail. U kunt een standaardonderwerp, CC, Bcc en hoofdtekst specificeren met een mailto-link.

Soms willen ze bij het maken van een website voor een klant dat u hun informatie op de site opneemt. Dit omvat vaak het toevoegen van een manier om contact op te nemen met het bedrijf op de site.

Vaak zal dit meestal een e-mailadres of telefoonnummer bevatten. In dit artikel gaan we kijken hoe u een e-mail aan uw HTML-code kunt koppelen. Hierdoor kunt u ervoor zorgen dat de standaard e-mailclient van de client wordt geopend met het zakelijke e-mailadres dat de ontvanger heeft.

HTML-mailto-link

Een HTML-mailto-link maakt het een gebruiker gemakkelijk om per e-mail contact met u op te nemen. Wanneer er op een mailto-link wordt geklikt, wordt de e-mailclient van de gebruiker geopend. Er wordt een nieuwe e-mail gemaakt die is geadresseerd aan de e-mail in de mailto-link.

De meest gebruikelijke manier om een e-mail aan HTML te koppelen, is door een ankertag met het kenmerk href te gebruiken.

de href verwijst naar de e-mail waarnaar u de e-mail wilt sturen.

Hier is de syntaxis van een mailto-basislink:

Deze link opent een nieuwe e-mailvacuüm waarmee u wordt aangesproken in de e-mailclient van de gebruiker van het venster. Maar we kunnen meer info toevoegen aan onze mailto-link

de mailto-link accepteert het volgende: ...

  • E-mail van een gebruiker
  • Onderwerpveld
  • E-mail CC
  • BCC verzenden.
  • default body

Laten we dieper in op het gebruik van een HTML mailto-link.

HTML mailto-voorbeeld

We creëren een "Contact"-pagina op onze website en willen graag een link waarmee gebruikers stuur ons eenvoudig we kunnen deze link implementeren door de HTML-e-mail mailto links-functie te gebruiken:.

neem contact met ons op

Als je een onderwerp aan de e-mail wilt toevoegen, kan dat ook!

neem contact met ons op

[email protected]

Onze mailto-link is opgenomen in de HTML -tag hierboven. We kunnen de mailto-string in drie delen verdelen:

  1. Het href trefwoord: mailto:
  2. De e-mail: [email protected]
  3. Onderwerp: subject = mail van xyz.com

We willen wat meer informatie aan onze e-mail toevoegen. Om dit te doen zullen we andere mailto-linkattributen gebruiken die in de laatste sectie zijn besproken

In het onderstaande voorbeeld zullen we een doel-e-mail, CC, BCC, onderwerp en de hoofdtekst instellen.

De string is als volgt verdeeld:

  1. Het href trefwoord: mailto:
  2. De e-mail: [email protected]
  3. cc: ? cc = [email protected] - u kunt toevoegen meerdere kandidaat-landen als door komma`s gescheiden waarden
  4. De bcc: & bcc = [email protected] - u kunt hier ook meerdere basaalcelcarcinomen als door komma`s gescheiden waarden toevoegen.
  5. Subject: & subject = Mail from xyz.com
  6. The body: & body = Body-va-ici
  7. Een e-mail met al deze informatie is aangemaakt en geopend in de gebruikersmap ` standaard e-mailclient

    Conclusie

    De HTML-mailto-link wordt automatisch geopend een e-mailclient van een gebruiker wanneer erop wordt geklikt. U kunt een mailto-link vullen met informatie zoals een onderwerpregel, hoofdtekst of CC. een mailto-link moet het adres bevatten waarnaar de e-mail moet worden verzonden.

    We hebben gekeken hoe we een mailto href aan een ankertag kunnen toevoegen. Deze link betekent dat een gebruiker op een e-mail op een website kan klikken en de standaard e-mailclient wordt geopend met de gegevens zijn vooraf ingevuld. Als u zich op uw gemak voelt, raad ik u aan hetzelfde te doen, maar voor google map of telefoonnummers voor routes

    wilt u meer weten over HTML? We hebben een HTML leren -gids voor u Deze gids bevat deskundig advies over n hoe HTML te leren. U vindt er ook een lijst met de beste leermiddelen voor of om u te helpen uw kennis te verbeteren.