Odkazy alebo kotvy na webových stránkach
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. Tieto položky sa jednoducho pridávajú jednoducho (len dve základné HTML značky ) a môžu priniesť vzrušenie a interaktivitu s tým, č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.
Atribút href znamená "hypertextový odkaz" a jeho účelom je diktovať adresu URL, na ktorú chcete prejsť daný 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:
URL webovej stránky a prejdite na "> text, ktorý bude odkazom
Takže na prepojenie s web designom / HTML domovskej stránky, píšete:
Môžete prepojiť takmer čokoľvek vo vašej stránke HTML vrátane obrázkov . Jednoducho obklopujte prvky HTML alebo prvky, ktoré chcete byť prepojené s tagmi a . Môžete tiež vytvoriť odkazy na zástupné symboly tým, že vynecháte atribút href - ale jednoducho sa uistite, že ste sa vrátili a neskôr aktualizovali informácie o href, alebo keď odkaz nebude v skutočnosti nič robiť pri prístupe.
HTML5 je platné na prepojenie prvkov na úrovni blokov, ako sú odseky a prvky DIV . 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
- Konečná značka je povinná . 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 stránky tretích strán (tie, ktoré neviete spravovať) a ktoré môžu časom meniť svoje stránky a ponechávajú vám nefunkčné 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. Nezabudnite, ž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 A vytvára štandardný odkaz na iný dokument, ale existujú aj iné typy odkazov, ktoré by vás mohli zaujímať:
- Interné odkazy alebo kotvy - Sú to 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í.
- Prvok Element-Element sa používa na prepojenie ostatných dokumentov a stránok s aktuálnym. Na webovej stránke nebude vytvorená oblasť, na ktorú je možné kliknúť, ale je užitočné pochopiť.