Přidání e-mailu jako odkazu je běžnou praxí při vývoji webových stránek, která umožňuje návštěvníkům webových stránek snadno odesílat e-maily kliknutím na zadanou e-mailovou adresu. Tato funkce je užitečná zejména pro kontaktní formuláře, přihlášení k odběru e-mailů a komunikační účely. V tomto článku se budeme zabývat procesem přidávání e-mailu jako odkazu, probereme potřebné značky HTML a poskytneme vám poznatky o osvědčených postupech.
1. Porozumění protokolu mailto::
Pro přidání e-mailu jako odkazu se používá protokol "mailto:". Tento protokol umožňuje prohlížeči otevřít výchozího e-mailového klienta uživatele s novou zprávou a předvyplnit e-mailovou adresu příjemce. Pomocí protokolu "mailto:" můžete do svých webových stránek bezproblémově integrovat funkci e-mailu.
2. Syntaxe mailto: Odkaz:
Syntaxe pro vytvoření odkazu mailto: je následující:
<a href="/cs-cz/”mailto:[email protected]”/">Pošlete mi e-mail</a>
V tomto příkladu je třeba "[email protected]" nahradit požadovanou e-mailovou adresou. Text odkazu "Napište mi" lze také upravit podle vašich preferencí.
3. Přidání dalších parametrů:
Kromě e-mailové adresy příjemce můžete do odkazu mailto: zahrnout další parametry, které zlepší uživatelský komfort. Mezi tyto parametry patří:
a) Předmět:
Chcete-li zadat předmět e-mailu, můžete do odkazu mailto: přidat parametr "subject". Například:
<a href="/cs-cz/”mailto:[email protected]/?subject=Regarding Your Inquiry”">Pošlete mi e-mail</a>
Zde je parametr subject nastaven na "Regarding Your Inquiry". Všimněte si, že mezery jsou v adresách URL reprezentovány znakem "".
b) Obsah těla:
Chcete-li předvyplnit obsah e-mailu, můžete použít parametr "body". Například:
<a href="/cs-cz/”mailto:[email protected]/?body=Hello, I would like to discuss further.”">Pošlete mi e-mail</a>
V tomto případě je parametr body nastaven na "Dobrý den, rád bych s vámi dále diskutoval."
c) Více příjemců:
Pokud chcete přidat více příjemců, oddělte e-mailové adresy čárkami, jak je uvedeno níže:
<a href="/cs-cz/”mailto:[email protected],[email protected]”/">Pošlete nám e-mail</a>
4. Úvahy o stylu a přístupnosti:
Při přidávání e-mailových odkazů je důležité zohlednit jejich přístupnost a zajistit, aby byly vizuálně odlišitelné od běžného textu. Použití vhodných stylů CSS, jako je podtržení nebo změna barvy, může uživatelům pomoci identifikovat odkaz jako e-mailovou adresu.
5. Osvědčené postupy:
Chcete-li optimalizovat uživatelskou zkušenost a vyhnout se případným problémům, mějte na paměti následující osvědčené postupy:
a) Používejte jasný a stručný text odkazu:
Ujistěte se, že text odkazu jasně označuje, že se jedná o e-mailový odkaz. Místo obecných frází typu "Klikněte na