Ni kan sätta hyperlänkar till e-postadresser. Innan jag visar hur det fungerar, några ytterligare anmärkningar om det. Personligen är jag inte en vän av dessa e-postlänkar. Formulär är betydligt bättre lämpade. Om ingen e-postklient är installerad eller inte konfigurerad för den aktuella användaren, fungerar inte e-postlänkarna korrekt. Slutligen måste ni själva naturligtvis besluta om ni vill använda e-postlänkar eller formulär. Mer detaljerad information om formulären kommer naturligtvis senare i denna serie.
När en e-postlänk klickas på, öppnas vanligtvis ett e-postfönster för besökaren.
Det är dock inte garanterat. Användaren måste faktiskt ha gjort de nödvändiga inställningarna. Återigen: Den bästa lösningen är alltså inte e-postlänkar. Men visst kan man ibland behöva en sådan länk. Här är syntaxen:
<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>
Som ni ser, det handlar först och främst om en klassisk hyperlänk.
Vad som är avgörande här är dock vad som tilldelas värdet till href
-attributen. Målet börjar alltid med mailto
, följt av ett kolon. Därefter följer den önskade e-postadressen.
När det gäller e-posthänvisningar bör ni för övrigt vara uppmärksamma på vad ni skriver som referenstext. Det bästa är att alltid också ange e-postadressen där. På så sätt kan även användare som inte ser någonting hända eller om en e-postklient inte öppnas efter att hyperlänken har klickats kopiera adressen och ändå skicka er ett e-postmeddelande.
När ni definierar e-postlänkar har ni också andra möjligheter än att bara kunna ange mottagaradressen. Kom ihåg att de saker som beskrivs här inte är en HTML-standard, men att de flesta webbläsare stöder dem.
Först och främst kan ni direkt ange en Cc-mottagare.
<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>
Skriv bakom den faktiska mottagaradressen ett frågetecken. Därefter följer cc
och ett likhetstecken, följt av adressen till vilken en synlig e-postkopia ska skickas. Alternativt till cc
kan ni också skriva bcc
. I så fall överförs den angivna adressen till Bcc-fältet, och e-posten skickas som en osynlig kopia till denna adress.
Om ni vill ange ett fördefinierat ämne är det också möjligt.
<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>
Ni skriver det önskade ämnet efter subject
. För att detta verkligen ska fungera ska ni inte använda mellanslag i ämnesraden eller maskera dem speciellt med teckenföljden %20
.
Om ni vill kan ni också ange e-posttexten eller en del av den. Parametern body
används för detta.
<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>
Samma regler gäller här som redan beskrivits i samband med subject
.
Erbjud filer för nedladdning
Om ni vill erbjuda filer för nedladdning på er webbplats kan ni naturligtvis göra det. (Jag lämnar de rättsliga aspekterna utanför här). Det här kan realiseras på ett enkelt sätt. Man definierar en hyperlänk och anger den önskade filen som mål.
<a href="buch.zip">Die Downloads zum Buch</a>
I det här fallet är målet för hyperlänken en zip-fil. Om man klickar på hyperlänken erbjuder webbläsaren normalt sett en nedladdningsdialog eller laddar ner filen direkt.
Genom den kan man sedan ladda ner filen. Men slutligen är det webbläsarna som avgör hur angivna filer hanteras.
Webbläsarna visar vanligtvis PDF-filer direkt när man klickar på länken till dem. Det är för det mesta helt i sin ordning. Det kan dock hända att man också vill erbjuda PDF-filer för nedladdning. (Naturligtvis kan användare högerklicka på länken och ladda ner filen. Men man bör inte nödvändigtvis räkna med att alla webbplatsbesökare känner till den möjligheten).
I HTML5 kan man faktiskt markera hyperlänkar som nedladdningslänkar. Attributet download
används för det.
<a href="ebook.pdf" download>Download</a>
En länk utrustad med detta attribut kommer - förutsatt att webbläsaren stöder attributet - att ladda ner filen.
Standardmässigt sparas filen med det namn den har i original. Också det är säkerligen i de flesta fall helt i sin ordning. Men det kan dock hända att ni vill ge den nedladdade filen ett annat namn. Även det är problemfritt möjligt. Återigen används attributet download
. Som värde tilldelar ni attributet det önskade namnet.
<a href="ebook.pdf" download="dk.pdf">Hämta</a>
Om webbläsaren stöder den här funktionen, används namnet tilldelat av attributet download
vid hämtningen.
Ange logiska relationer
Ett attribut som kan vara intressant i sammanhanget med att definiera hyperlänkar är rel
. Genom detta attribut kan man ange i vilket logiskt förhållande hyperlänken står till målet för länken. Webbläsarna skulle till exempel kunna använda denna information för att visa motsvarande ikoner när man sveper över länkarna med musen. För tillfället gör de dock inte det. Attributet rel
har alltså inga synliga effekter.
<a href="zwei.htm" rel="next">nästa</a>
För attributet rel
finns följande värden tillgängliga:
• alternate
– Länk till en alternativ version av dokumentet.
• author
– Länk till dokumentets författare.
• bookmark
– Permanent länk för dokumentet som kan användas som bokmärke.
• help
– Länk till en hjälpfil.
• license
– Länk till upphovsrättsinformationen.
• next
– Länk till nästa dokument.
• nofollow
– Genom detta kan man ange att sökmotorer inte ska följa länken.
• noreferrer
– Webbläsaren skickar ingen HTTP-Referer header.
• prefetch
– Dokumentet ska laddas in i cachen.
• prev
– Länk till föregående dokument.
• search
– Länk till ett sökverktyg för dokumentet.
• tag
– Ett nyckelord som beskriver dokumentet.
Således kan förhållandet mellan länkmålet och hyperlänkarna beskrivas närmare på detta sätt.