HTML & CSS kezdőknek

HTML és CSS kezdőknek (12. rész): Hiperhivatkozások meghatározása (2)

A bemutató összes videója HTML & CSS kezdőknek

E-mail címekre hiperhivatkozásokat helyezhetsz el. Mielőtt megmutatom, hogyan működik ez, néhány tudnivaló róla. Személy szerint nem vagyok a híve ezeknek az e-mail linkeknek. Sokkal inkább az űrlapokat ajánlom. Ha ugyanis nincs telepítve e-mail kliens, vagy nincs beállítva a jelenlegi felhasználónak, az e-mail linkek nem működnek megfelelően. Végül is természetesen ti döntitek el, hogy inkább e-mail linkeket vagy űrlapokat használtok-e. A űrlapokról részletes információk következnek még ebben a sorozatban.

Amikor egy e-mail linkre kattint egy látogató, általában egy e-mail ablak jelenik meg az adott személy számára.

HTML & CSS kezdők számára (12. rész): Hiperhivatkozások meghatározása (2)

Ez azonban nem garantált. Itt a felhasználónak ténylegesen be kell állítania a megfelelő beállításokat. Ismétlem: az e-mail link megoldás nem ideális. Mindazonáltal néha egy ilyen linkre szükség lehet. Itt van a szintaxis:

<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Amint látjátok, ez egy klasszikus hiperhivatkozás.

HTML és CSS kezdőknek (12. rész): Hibák meghatározása (2)

Itt azonban lényeges azt, hogy mi van kijelölve a href attribútumként. A hivatkozás célja mindig a mailto-val kezdődik, amelyet egy képtelen követ. Ehhez csatlakozik a kívánt e-mail cím.

E-mail hivatkozások esetén ügyeljetek arra, hogy mit írtok be hivatkozásszövegként. A legjobb, ha megadod még egyszer az e-mail címet. Így olyan felhasználók is elküldhetnek neked e-mailt, akiknek nem történik semmi a hivatkozásokra kattintás után, vagy nem nyitja meg az e-mail kliens. Ha definiáltok e-mail linkeket, további lehetőségeitek vannak, mint csak a címzett e-mail címének megadása. Ügyeljetek arra, hogy a leírt dolgok nem szabványosak HTML-ben, de a böngészők többsége támogatja ezeket.

Először is közvetlenül megadhatjátok egy Cc címzettet is.

<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Ehhez csatoljátok az alap címzést követően egy kérdőjelet. Ehhez csatlakozik egy cc és egy = jel, amit egy olyan cím követ, ahová egy látható másolatot kell küldeni. A cc helyett egyébként a bcc is érvényes. Ebben az esetben az adott címet a Bcc mezőbe helyezik, és a levél láthatatlan másolatként erre a címre kerül elküldésre.

Ha fel akarjátok venni a meghatározott tárgyat, az is lehetséges.

<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



A kívánt tárgyat fűzzétek a subject után. Hogy ez ténylegesen működjön, ügyeljetek arra, hogy a tárgysorban ne használjatok szóközöket, vagy speciálisan a %20 karakterláncot használjátok a szóközök eltüntetésére.

Ha szeretnétek, akár az e-mail szövegét vagy egy részét is megadhatjátok. Erre a body paramétert használjátok.

<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



HTML & CSS kezdők számára (12. rész): Hiperhivatkozások meghatározása (2)



Ekkor ugyanazokat a dolgokat kell figyelembe vennetek, amelyeket a subject-hez kapcsolódóan már leírtam.

Fájlok letöltésének kínálása

Ha weboldalatokon fájlokat szeretnétek letölthetővé tenni, természetesen megtehetitek. (A jogi aspektusokat most ezen a ponton mellőzöm). Ez nagyon egyszerűen megvalósítható. Definiáljatok egy hiperhivatkozást, és adjátok meg a megfelelő fájlt célnak.

<a href="buch.zip">A könyvhöz tartozó letöltések</a>



Ebben az esetben a célnak egy zip-fájl felel meg. Ha rákattintasz a hiperhivatkozásra, a böngésző általában letöltési párbeszédablakot kínál vagy közvetlenül letölti a fájlt.

HTML és CSS kezdőknek (12. rész): Hiperhivatkozások definiálása (2)



Ezen keresztül letöltheted a fájlt. Végül azonban a böngészők döntenek arról, hogy mi történik az adott fájlokkal.

PDF fájlokat általában a böngészők közvetlenül megjelenítik, ha az adott linkre kattintasz. Ez legtöbb esetben természetesen teljesen rendben van. Lehet azonban, hogy a PDF fájlokat letölthetővé szeretnétek tenni. (Természetesen a felhasználók kattinthatnak a jobb egérgombbal a hivatkozásra, és letölthetik a fájlt. Azonban nem feltétlenül lehet a weboldallátogatóktól azt várni, hogy ismerik ezt a lehetőséget).

HTML5-ben valóban lehet hiperhivatkozásokat letöltési linkekké tenni. Ehhez a download attribútumot használhatjátok.

<a href="ebook.pdf" download>Letöltés</a>



Egy ilyen attribútummal rendelkező link – feltéve, hogy a böngésző támogatja az attribútumot – letölti a fájlt.

Alapértelmezés szerint a fájlt az eredeti nevével menti el. Ez is általában rendben van. Azonban lehet, hogy a letöltött fájlnak más nevet szeretnétek adni. Ez is könnyen megvalósítható. Ismét itt van a download attribútum. Ennek az attribútumnak kijelölhettek egy nevet a kívánt néven.

<a href="ebook.pdf" download="dk.pdf">Letöltés</a>



Ha a böngésző támogatja ezt a lehetőséget, akkor a letöltésnél használja a download attribútumhoz rendelt nevet.

HTML és CSS kezdőknek (12. rész): Hiperhivatkozások meghatározása (2)

Logikai kapcsolatok meghatározása

Egy attribútum, amely a hiperhivatkozások meghatározásával kapcsolatosan érdekes lehet, az a rel. Mivel ezen attribútum segítségével megjelölhetjük, hogy a hiperhivatkozás milyen logikai kapcsolatban van az átirányítási céllal. A böngészők például ezt az információt felhasználhatnák a linkek fölé helyezett egérrel történő mozgatáskor az ikonok megjelenítésére. Jelenleg azonban még nem teszik ezt. A rel attribútumnak tehát nincs látható hatása.

<a href="zwei.htm" rel="next">tovább</a>



A rel attribútum esetében elérhetővé állnak a következő értékek:

alternate – Hivatkozás az dokumentum alternatív verziójára.

author – Hivatkozás a dokumentum szerzőjére.

bookmark – A dokumentum állandó hivatkozása, ami könyvjelzőként használható.

help – Hivatkozás egy súgófájlra.

license – Hivatkozás a szerzői jogi információkra.

next – Hivatkozás a következő dokumentumra.

nofollow – Ezen keresőmotoroknak meg lehet adni, hogy ne kövessék a hivatkozást.

noreferrer – A böngésző nem küld HTTP-Referrer fejlécet.

prefetch – A dokumentumot cache-be kell tölteni.

prev – Hivatkozás az előző dokumentumra.

search – Hivatkozás egy dokumentum keresőeszközére.

tag – Egy kulcsszó, ami a dokumentumot leírja.

Ezen módon tehát közelebbről is le lehet írni az átirányítási célt és a hiperhivatkozások közötti kapcsolatot.