Jedným z primárnych rozlišovacích prvkov medzi webovými stránkami a inými formami komunikačných médií je myšlienka „odkazov“, príp hypertextové odkazy pretože sú technicky známe z hľadiska webdizajnu.
Okrem toho, že pomáhajú vytvárať z webu to, čím je dnes, odkazy a obrázky sú tiež najbežnejším doplnkom webových stránok. Našťastie sa tieto položky dajú ľahko pridať (len dve základné značky HTML) a môžu vniesť vzrušenie a interaktivitu na stránky, ktoré by inak boli vo formáte obyčajného textu. V tomto článku sa dozviete o značke (anchor), ktorá je skutočná Prvok HTML slúži na pridávanie odkazov na webové stránky.
Pridávanie odkazov
Odkaz sa v jazyku HTML nazýva kotva, takže značka, ktorá ho predstavuje, je značka A. Ľudia bežne tieto doplnky označujú ako „odkazy“, ale kotva je to, čo sa v skutočnosti pridáva na ľubovoľnú stránku.
Po pridaní odkazu musíte smerovať na adresa webovej stránky na ktorú chcete, aby vaši používatelia navštívili, keď kliknú alebo klepnú na daný odkaz (ak sú na dotykovej obrazovke). Toto určíte prívlastkom.
The href atribút znamená „hypertextový odkaz“ a jeho účelom je diktovať adresu URL, na ktorú chcete prejsť na tento konkrétny odkaz. Bez týchto informácií je odkaz zbytočný, pretože informuje prehliadač, že by mal byť používateľ privezený niekde, ale nemalo by to k dispozícii informácie o cieľoch, kam by to „niekde“ malo byť. Táto značka a tento atribút idú ruka v ruke.
Na svoju stránku HTML môžete prepojiť takmer všetko, vrátane snímky. Jednoducho obklopte prvky HTML alebo prvky, ktoré chcete prepojiť, so značkami a. Môžete tiež vytvárať zástupné odkazy vynechaním href atribút - ale nezabudnite sa vrátiť späť a aktualizovať informácie href neskôr, inak odkaz pri prístupe v skutočnosti neurobí nič.
HTML5 umožňuje platné prepojenie prvkov na úrovni bloku, ako sú odseky a DIV prvkov. Môžete pridať kotviacu značku okolo oveľa väčšej oblasti, napríklad rozdelenia alebo zoznamu definícií, a na celú túto oblasť bude možné kliknúť. To môže byť obzvlášť užitočné pri pokuse o vytvorenie väčších oblastí zásahu vhodných pre prsty na webových stránkach.
Niektoré veci, ktoré by ste si mali pamätať pri pridávaní odkazov
- Výsledná značka je požadovaný. Ak ju zabudnete zahrnúť, prepojí sa aj všetko, čo nasleduje po tomto odkaze, kým značku nezavrie ďalší odkaz.
- Väčšinou je lepšie prepojiť jednotlivé obrázky a krátke rozpätia textu, než veľké bloky textu. Odkazy môžu na vašu stránku pridať farby a štýly podčiarknutia, ktoré sú ťažko čitateľné. Samozrejme, pomocou CSS môžete tieto štýly odkazov meniť a upravovať farby alebo odstraňovať podčiarknutia, stále je však dobré pamätať na túto realitu.
- Nezabudnite skontrolovať svoje odkazy, aby sa nepokazili. Vďaka funkcii Link Rot môžu používatelia aj vyhľadávače považovať vaše stránky za neplatné. Pravidelne používajte kontrolu odkazov na overenie odkazov na svojich stránkach. Platí to najmä vtedy, keď odkazujete na stránky tretích strán (ktoré nespravujete) a ktoré môžu zmeniť ich stránky cezčas a zanechajú vám mŕtve odkazy. Kontrola odkazov nájde tieto mŕtve odkazy, aby ste mohli vykonať všetky potrebné aktualizácie.
- Vo svojom odkaze nepoužívajte text ako „kliknite tu“. Pamätajte, že ľudia s dotykovými obrazovkami nemôžu „kliknúť“, takže text sa javí ako produkt minulej éry a na dnešnom webe zameranom na viac zariadení nie je relevantný.
Ďalšie zaujímavé typy odkazov
The A element vytvorí štandardný odkaz na iný dokument, existujú však aj iné typy odkazov, ktoré by vás mohli zaujímať:
- Interné odkazy alebo kotvy: Toto sú odkazy na ktorékoľvek miesto na webovej stránke, nie nevyhnutne na jej začiatok.
- Obrázkové mapy: Obrázkové mapy umožňujú vytvárať odkazy na obrázky, ktoré sú mapované na konkrétne oblasti obrázka. Môžu byť použité pre hry alebo kreatívnu navigáciu. Často ich vidíte na mapách, kde je možné kliknúť na oblasti na mape. Upozorňujeme, že obrazové mapy sa nepoužívajú na väčšine moderných webových stránok, čiastočne preto, že môžu spôsobiť problémy na mobilných zariadeniach.
- Element: Tento prvok sa používa na priradenie iných dokumentov a stránok k aktuálnemu. Na vašej webovej stránke sa nevytvorí oblasť, na ktorú by sa dalo kliknúť, ale je užitočné ju pochopiť.