Jedným z hlavných rozlišovateľov medzi webovými stránkami a inými formami komunikačných médií je myšlienka "odkazov" alebo hypertextových odkazov, ako sú technicky známe v termínoch webového dizajnu.
Okrem toho, že pomáhajú vytvárať web, čo je dnes, odkazy, ako aj obrázky sú ľahko najčastejšie pridávať veci na webové stránky. Našťastie sa tieto položky ľahko pridávajú (len dve základné HTML značky) a môžu priniesť vzrušenie a interaktivitu na to, čo by inak boli čisté textové stránky. V tomto článku sa dozviete o značke (anchor), ktorá je skutočným prvkom HTML, ktorý sa používa na pridávanie odkazov na webové stránky.
Pridávanie odkazov
Odkaz sa v kóde HTML nazýva kotva a značka, ktorá ho reprezentuje, je značka A. Bežne ľudia jednoducho odkazujú na tieto dodatky ako "odkazy", ale kotvou je to, čo sa skutočne pridáva na ľubovoľnú stránku.
Keď pridáte odkaz, musíte prejsť na adresu webovej stránky, na ktorú sa majú používatelia dostať, keď kliknú alebo klepnú (ak sú na dotykovej obrazovke), ktoré odkazujú. Zadáte to pomocou atribútu.
href atribút znamená "hypertextový odkaz" a jeho účelom je diktovať adresu URL, na ktorú chcete prejsť na konkrétny odkaz. Bez týchto informácií je odkaz neužitočný - povedal prehliadaču, že používateľ by mal byť priviesť niekde, ale nebolo by k dispozícii informácie o mieste určenia, kde by mal byť "niekde". Táto značka a tento atribút idú ruka v ruke.
Ak chcete napríklad vytvoriť textový odkaz, napíšete:
Text, ktorý bude odkazom
Takže na prepojenie s web designom / HTML domovskej stránky, píšete:
Lifewire
Môžete prepojiť takmer čokoľvek vo vašej stránke HTML vrátane obrázkov. Jednoducho obklopujte prvky HTML alebo elementy, ktoré chcete byť prepojené s
a tagy. Môžete tiež vytvoriť zástupné symboly tým, že vynecháte href atribút - ale jednoducho sa uistite, že ste sa vrátili a aktualizovali informácie href neskôr, alebo v prípade, že odkaz nebude v skutočnosti nič robiť pri prístupe.
HTML5 je platné na prepojenie prvkov na úrovni blokov, ako sú odseky a DIV prvky. Môžete pridať značku kotvy okolo oveľa väčšej oblasti, napríklad zoznamu rozdelenia alebo definície, a celá oblasť bude "klikateľná". To môže byť obzvlášť užitočné pri snahe vytvoriť na webových stránkach väčšie miesta, ktoré by boli priaznivé pre prsty.
Niektoré veci, ktoré treba pamätať pri pridávaní odkazov
- Finálny tag je požadovaný, Ak ho zabudnete zahrnúť, všetko, čo nasleduje po tomto prepojení, bude prepojené, kým iný odkaz neuzavrie značku.
- Väčšinu času je najlepšie prepojiť jednotlivé obrázky a krátke rozpätia textu, a nie veľké bloky textu. Odkazy môžu do vašej stránky pridať farby a zdôrazniť štýly, ktoré sa dajú ťažko čítať. Samozrejme, môžete použiť CSS na zmenu týchto štýlov odkazov a úpravu farieb alebo odstránenie podčiarknutia, ale je stále dobré mať na pamäti túto realitu.
- Nezabudnite skontrolovať svoje odkazy tak, aby sa nezhoršili. Link Rot môže používateľom a vyhľadávacím nástrojom považovať vašu lokalitu za neplatnú. Pravidelne používajte kontrolu liniek na overenie odkazov na vašich stránkach. Platí to najmä vtedy, keď odkazujete na webové stránky tretích strán (tie, ktoré neviete spravovať) a ktoré môžu zmeniť svoje stránky navyše, takže vám zostanú mŕtve odkazy. Kontrola odkazov nájde tieto mŕtve odkazy, aby ste mohli vykonať potrebné aktualizácie.
- Vyhnite sa textu ako "kliknite sem" vo vašom odkazu. Pamätajte na to, že ľudia s dotykovými obrazovkami nemôžu "kliknúť", takže text sa považuje za produkt minulého obdobia a na dnešnom centrickom webe s viacerými zariadeniami naozaj nie je relevantný.
Ďalšie zaujímavé typy odkazov
prvok vytvára štandardný odkaz na iný dokument, ale existujú aj iné typy odkazov, ktoré by vás mohli zaujímať:
- Vnútorné odkazy alebo kotvy - to sú odkazy na niekde v rámci webovej stránky, nie nevyhnutne vrchol.
- Obrazové mapy - Obrázkové mapy umožňujú vytvoriť odkazy na obrázky, ktoré sú mapované do konkrétnych oblastí obrázka. Tie sa dajú použiť na hry alebo kreatívnu navigáciu. Často ich vidíte pomocou máp, na ktorých sú na mape klikateľné oblasti. 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 mobilnom zariadení.
- Element - Tento prvok slúži na prepojenie iných dokumentov a stránok s aktuálnymi. Na webovej stránke nebude vytvorená oblasť, na ktorú je možné kliknúť, ale je užitočné pochopiť.
