Linkek vagy horgonyok a weboldalakon
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. Könnyedén ezeket az elemeket könnyű hozzáadni (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 az aktuális HTML elem, amely a weboldalakra mutató linkeket tartalmaz.
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 jelentése "hiperszöveges hivatkozás", é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:
A weboldal URL-címe a "> Szöveg, amely a link lesz
Tehát hivatkozás a About.com Web Design / HTML honlapon, akkor írja:
A webes tervezésről és a HTML-ről
A HTML-oldalon szinte bármit is összekapcsolhatsz, beleértve a képeket is . Egyszerűen körülöleli azokat a HTML-elemeket vagy elemeket, amelyeknek kapcsolódniuk kell a és címkékhez. Helyőrzői linkeket is létrehozhat a href attribútum elhagyásával - de csak győződjön meg róla, hogy később visszamenni és frissíteni fogja a href-információt, vagy a link nem fog semmit végrehajtani, amikor elérte.
A HTML5 érvényre juttatja a blokkszintű elemek, például a bekezdések és a DIV elemek összekapcsolását. 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 szükséges . 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 (amelyeket nem kezel) kapcsolódhat, és amelyek időnként megváltoztathatják oldalukat, így halott linkek 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 úgy érzi, mintha múlt korszak terméke volna, és valóban nem releváns a mai több eszközű centrikus weben.
Egyéb érdekes linkek
Az A elem szabványos linket hoz létre egy másik dokumentumhoz, de más típusú linkek is érdekelhetnek:
- Belső hivatkozások vagy horgonyok - Ezek a linkek valahol egy weboldalon, nem feltétlenül a csúcson.
- 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 a többi dokumentum és oldal összekapcsolására szolgál az aktuálisan. Nem hoz létre kattintható területet weboldalán, de hasznos megérteni.