A weboldalak és a kommunikációs média más formáinak egyik legfontosabb differenciálója a "linkek", vagy a hiperhivatkozások ötlete, mivel technikailag a webdesignben ismertek.
Amellett, hogy segíteni fog a webnek a mai napig való létrehozásában, a linkek, valamint a képek egyszerűen a leggyakrabban a weboldalakat is kiegészítik. Szerencsére ezek az elemek könnyen hozzáadhatók (csak két alapvető HTML-címke), és izgalmat és interaktivitást kölcsönözhetnek az egyébként egyszerű szöveges oldalaknak. Ebben a cikkben megismerkedhet a (horgony) címkével, amely a weboldalakra mutató hivatkozások hozzáadására használt tényleges HTML elem.
Linkek hozzáadása
A hivatkozást horgonynak nevezik a HTML-ben, így a címke, amelyik képviseli, az A címke. Általában az emberek csak hivatkozásokként hivatkoznak ezekre a kiegészítésekre, de a horgony az, ami ténylegesen hozzá van adva bármelyik oldalhoz.
Ha hozzáad egy linket, meg kell mutatnia a weboldal címét, ahová a felhasználókat arra kívánja használni, hogy rákattintanak, vagy érintse meg őket (ha érintőképernyőn vannak). Ezt az attribútummal adja meg.
A href attribútum a "hipertext-referencia" kifejezést jelenti, és annak célja, hogy diktálja azt az URL-címet, ahová az adott hivatkozást meg akarja menni. Ezen információ nélkül a hivatkozás haszontalan - azt mondja a böngészőnek, hogy a felhasználót valahová kell elhelyezni, de nem lenne elérhető a cél információ arra a helyre, ahol "valahová" kell lennie. Ez a címke és ez az attribútum kéz a kézben jár.
Például egy szöveges link létrehozásához a következőket írja:
Szöveg, amely a link lesz
Tehát hivatkozás a About.com Web Design / HTML honlapon, akkor írja:
Lifewire
A HTML-oldalon szinte bármit is összekapcsolhatsz, beleértve a képeket is. Egyszerűen körülveszi azokat a HTML elemeket vagy elemeket, amelyekhez kapcsolódni szeretne
és címkéket. Helyőrzői linkeket is létrehozhat úgy, hogy elhagyja a href attribútum - de csak győződjön meg róla, hogy később visszamenni, és később frissíteni fogja a href-információt, vagy a link nem fog semmit végrehajtani.
A HTML5 érvényesnek teszi a blokkszintű elemek, például a bekezdések és a hivatkozások összekapcsolását DIV elemekkel. Hozzáadhat egy horgonycímkét egy sokkal nagyobb terület körül, például egy megosztottsághoz vagy definíciós listához, és az egész terület "kattintható" lesz. Ez különösen akkor lehet hasznos, ha megpróbál létrehozni egy nagyobb, ujjbegyűséget okozó találati területet a webhelyen.
Néhány dolog, amit meg kell emlékezni a linkek hozzáadása során
- A végső tag van kívánt. Ha elfelejtette bevenni, akkor a linket követő összes link is kapcsolódik, amíg egy másik link nem zárja le a címkét.
- Legtöbbször a legjobb, ha egyes szövegeket és rövid szöveget köti össze, nem pedig nagy szövegtömbök. A linkek színeket és aláhúzott stílusokat adhatnak hozzá az oldalához, melyeket nehéz elolvasni. Természetesen a CSS használatával módosíthatja ezeket a hivatkozási stílusokat, szerkesztheti a színeket, vagy eltávolíthatja az aláhúzásokat, de még mindig jó ügyelni erre a valóságra.
- Győződjön meg róla, hogy ellenőrizze a linkeket, hogy ne menjenek rosszul. Link Rot a felhasználókat és a keresőmotorokat is érvénytelenné teheti. A linkek ellenőrzőjeként rendszeresen ellenőrizze az oldalain található linkeket. Ez különösen akkor igaz, ha harmadik fél webhelyeire (amelyekkel nem kezeled) kapcsolódsz, és amelyek átgondolhatják az oldalukat, így halott linkekkel maradnak. A link-ellenőrző megtalálja ezeket a halott linkeket, így minden szükséges frissítést elvégezhet.
- Kerülje el a "kattintson ide" szöveget a linkben. Ne feledje, hogy az érintőképernyőkkel rendelkező emberek nem "kattinthatnak", így a szöveg a múlt korszak terméke, és tényleg nem releváns a mai több eszközű centrikus webben.
Egyéb érdekes linkek
A A elem létrehoz egy szabványos linket egy másik dokumentumhoz, de más típusú linkek is érdekelhetnek:
- Belső hivatkozások vagy horgonyok - Ezek a linkek valahol egy weboldalon található linkekhez, nem feltétlenül a csúcshoz.
- Kép térképek - A képmappák lehetővé teszik a képek egyes területeire leképezett képeken található hivatkozások létrehozását. Ezeket játékokra vagy kreatív navigációra lehet használni. Gyakran látod őket olyan térképekkel, ahol a térképen lévő területek kattinthatóak. Ne feledje, hogy a képmappákat nem használják a legtöbb modern weboldalon, részben azért, mert problémákat okozhatnak mobileszközön.
- Az elem - Ez az elem arra szolgál, hogy más dokumentumokat és oldalakat kapcsoljon az aktuálisakhoz. Nem hoz létre kattintható területet weboldalán, de hasznos megérteni.
