Az egyik elsődleges különbség a weboldalak és a kommunikációs média egyéb formái között a "linkek" gondolata, ill hiperhivatkozások mivel ezek webdesign szempontjából technikailag ismertek.
Amellett, hogy segítenek abban, hogy az internet a mai legyen, a linkek, valamint a képek könnyen hozzáadják a weboldalakhoz leggyakrabban a dolgokat. Szerencsére ezeket az elemeket könnyű hozzáadni (csak kettőt alapvető HTML-címkék), és izgalmat és interaktivitást hozhatnak az egyébként egyszerű szöveges oldalakra. Ebben a cikkben megismerheti a (horgony) címkét, amely a tényleges HTML elem a weboldalak linkjeinek hozzáadására használják.
Linkek hozzáadása
A hivatkozást a HTML-ben horgonynak nevezik, és így az azt ábrázoló címke az A címke. Általában az emberek egyszerűen hivatkozásoknak nevezik ezeket a kiegészítéseket, de a horgony az, amit valójában hozzáadnak bármely oldalhoz.
Link hozzáadásakor meg kell mutatnia a weboldal címe hogy azt szeretnénk, hogy a felhasználók odamenjenek, amikor rákattintanak vagy megérintik (ha érintőképernyőn vannak) ezt a linket. Ezt adja meg az attribútummal.
A href Az attribútum a „hipertext hivatkozás” rövidítése, célja pedig annak az URL-nek a diktálása, ahová az adott linket el akarja vinni. Ezen információk nélkül a hivatkozás haszontalan, mivel azt mondaná a böngészőnek, hogy a felhasználót el kell hozni valahol, de nem lennének elérhetők a célállomás információi arról, hogy hová kellene "valahova" tenni lenni. Ez a címke és ez az attribútum együtt járnak.
Szinte bármit linkelhet a HTML-oldalán, beleértve a képek. Egyszerűen vegye körül azokat a HTML elemeket vagy elemeket, amelyek linket kívánnak létrehozni a és tagekkel. Létrehozhat helyőrző linkek azáltal, hogy kihagyja a href attribútum - de csak ne felejtsen el visszamenni és később frissíteni a href információkat, különben a link valójában nem fog semmit elérni a hozzáféréskor.
A HTML5 érvényessé teszi blokkszintű elemek, például bekezdések és DIV elemek. Horgonycímkét hozzáadhat egy sokkal nagyobb területhez, például egy felosztáshoz vagy definíciós listához, és ez az egész terület "kattintható" lesz. Ez különösen hasznos lehet, ha nagyobb, ujjbarát találati területeket próbál létrehozni egy webhelyen.
Néhány dolog, amit érdemes megjegyezni linkek hozzáadásakor
- A végső tag kívánt. Ha elfelejtette beilleszteni, akkor minden, ami ezt a linket követi, összekapcsolódik, amíg egy másik link nem zárja be a címkét.
- Legtöbbször a legjobb, ha egyes képeket és rövid szövegrészeket kapcsol össze, nem pedig nagy szövegtömböket. A linkek olyan színeket és aláhúzási stílusokat adhatnak az oldaladhoz, amelyek nehezen olvashatók. Természetesen a CSS segítségével megváltoztathatja ezeket a hivatkozási stílusokat, szerkesztheti a színeket vagy eltávolíthatja az aláhúzásokat, de még mindig jó, ha szem előtt tartjuk ezt a valóságot.
- Ügyeljen arra, hogy ellenőrizze a linkjeit, hogy ne romoljanak el. A Link Rot segítségével a felhasználók és a keresőmotorok is érvénytelennek tekinthetik webhelyét. Rendszeresen használjon linkellenőrzőt az oldalain lévő linkek ellenőrzéséhez. Ez különösen igaz, ha harmadik fél webhelyeire hivatkozik (amelyeket Ön nem kezel), és amelyek megváltoztathatják oldalaik túllépését, holt linkeket hagyva. A linkellenőr megtalálja ezeket a holt linkeket, így elvégezheti a szükséges frissítéseket.
- Kerülje a linkjében a "kattintson ide" szöveget. Ne feledje, hogy az érintőképernyős emberek nem tudnak "kattintani", így a szöveg egy elmúlt korszak termékének tűnik, és valójában nem releváns a mai, több eszközre koncentráló interneten.
Egyéb érdekes linktípusok
A A Az elem szabványos hivatkozást hoz létre egy másik dokumentumhoz, de más típusú linkek is érdekelhetik:
- Belső linkek vagy horgonyok: Ezek egy weboldalon található linkek, nem feltétlenül a tetejére mutatnak.
- Képtérképek: A képtérképek lehetővé teszik, hogy linkeket hozzanak létre a képek meghatározott területeihez leképezett képeken. Ezeket fel lehet használni játékokra vagy kreatív navigációra. Gyakran látja őket olyan térképekkel, ahol a térképen található területek kattinthatók. Ne feledje, hogy a képtérképeket a legtöbb modern weboldal nem használja, részben azért problémákat okozhatnak a mobil eszközökön.
- Az elem: Ez az elem arra szolgál, hogy más dokumentumokat és oldalakat az aktuálishoz kapcsoljon. Nem hoz létre kattintható területet a weboldalán, de hasznos megérteni.