Een e‐maillink in HTML maken

Bezoekers van je website houden ervan om zo makkelijk mogelijk vragen en feedback naar je te kunnen mailen. Dit is een absolute plus voor elke website. Daarom leggen we hier stap-voor-stap uit hoe je een maillink op je site zet met een eenvoudig stukje HTML-code.

Stappen

Pdf downloaden

1
Typ de ankertag <a href= in je HTML document. Het '<a href=' attribuut is de start van de link in je HTML document. De '<a href=' tag communiceert aan de internetbrowser dat er nu een link volgt.
- Je HTML-code moet af zijn tot dit punt.
na het '=' teken. De browser weet nu dat er geen webadres, maar een mailadres volgt.
Een voorbeeld van een goed stukje code is: <a href='mailto:[email protected]' .
4
Voeg eventueel een vaste onderwerpregel toe. Typ hiervoor eerst een vraagteken (?) na het e-mailadres, gevolgd door het woord 'subject' (zonder de aanhalingstekens). Hierna komt weer een '=' teken, met daarachter het onderwerp.
- Kies je voor een onderwerpregel, dan ziet je code er ongeveer zo uit: <a href='mailto:[email protected]?subject=subject text'
- Gebruik alleen alfabetische tekens in je onderwerpregel. Wanneer je cijfers of andere tekens gebruikt, raakt je browser in de war en denkt dat het andere commando's moet uitvoeren.
- Niet veel ontwikkelaars vullen de onderwerpregel in via de 'mailto' syntax. Deze techniek wordt echter wel vaak gebruikt wanneer de mail naar een interne server wordt doorgestuurd waar bots de mail verder afhandelen. De mail kan dan dankzij de onderwerpregel automatisch verwerkt worden.
- Met ongeveer dezelfde syntax voeg je tekst toe in de mail ('body') of een ontvanger voor de 'cc' of 'bcc'. Let erop dat je een vraagteken gebruikt achter 'body', 'cc', of 'bcc'. Hierna komt weer een '=' teken met daarna de tekst.
Het stukje code tot dusver vertelt de browser naar welk e-mailadres gelinkt wordt en wat de eventuele andere attributen zijn van de mail. Het sluithaakje '>' vertelt de browser dat dit het eind is van de commando's die uitgevoerd worden als de link geklikt wordt.
Dit is de tekst die de gebruiker klikt om de link te activeren. Dit schrijf je na het sluithaakje. Typ hier een woord of een zin, of kopieer gewoon het e-mailadres waar de mail naartoe gaat. Heel vaak zie je op deze plek 'hier' of 'stuur een mail' staan.
7
Typ </a> na de linktekst. Dit beëindigt het HTML-commando. Je moet een HTML ankertag altijd sluiten, want anders denkt de browser dat de rest van het document ook bij het commando hoort. Dan werkt het dus niet goed.
- De hele HTML e-maillink ziet er ongeveer zo uit: <a href='mailto:[email protected]?subject=HTML link'>Click here to send us an email!!!</a>
Sla je werk op en ga eventueel verder met je andere HTML-code.
Advertentie

Tips

De anker HTML-tag <a> wordt op verschillende manieren gebruikt. Wanneer je dit leert, kan je deze tag zo effectief mogelijk inzetten.
Ankertags moeten geplaatst worden binnen het 'body' (<body>...</body>) element van het HTML document. Je veroorzaakt fouten wanneer je de tag in een andere sectie plaatst. De bezoeker krijgt bijvoorbeeld foutmeldingen of zijn of haar mailprogramma wordt meteen geopend zonder dat je website ooit geladen wordt.

Advertentie

Waarschuwingen

In verband met spammen is het niet zonder risico om een e-mailadres op je website te zetten. Er zijn hopen personen die programmaatjes runnen om e-mailadressen te verzamelen speciaal voor junkmail. Iedereen die zijn of haar mailadres op een openbare website zet, moet dus spamfilters instellen of andere anti-spammaatregelen nemen om junkmail te beperken.
Controleer de naam van de ontvanger voordat je de e-mail stuurt.
Als gebruikers geen mailprogramma op hun computer hebben, kunnen ze je geen mail sturen.

Advertentie