Tento článok uvádza príručku o internom odkaze:
Čo je interný odkaz HTML?
Interné odkazy HTML sú hypertextové odkazy, ktoré sa vytvárajú, aby umožnili používateľom prechádzať rôznymi časťami webovej stránky. Používateľ pri interakcii s interným odkazom presunie obrazovku do zadanej časti webovej stránky. Pomáha pri navigácii používateľov, najmä ak existuje webová stránka alebo blog s jednou stránkou.
Prejdime si jednoduchým príkladom na pochopenie interných odkazov:
Príklad: Použitie interných odkazov ako navigátora
Na pochopenie fungovania interných odkazov možno použiť navigačné tlačidlá. V tejto ukážke boli napríklad vytvorené dve navigačné tlačidlá a fiktívny obsah:
< div >
< h2 id = 'časť prvá' > Časť prvá < / h2 >
< p > Vitajte v obsahu prvej časti. < / p >
< h2 id = 'druhá časť' > Druhá časť < / h2 >
< p > Skvelé! Dosiahli ste druhú časť obsahu < / p >
< / div >
Vo vyššie uvedenom útržku kódu:
- Najprv dve“ ” tagy sa používajú na vytvorenie dvoch nadpisov/sekcií webovej stránky. Títo ' h2 “prvky majú hodnotu “ časť prvá “ a „ druhá časť “, ktoré sú priradené k „ id “, resp.
- Ďalej, „ Používajú sa značky „, ktoré obsahujú obsah každého „ ” tag.
Teraz sa navigačné tlačidlá používajú s ohľadom na interné odkazy. Tieto tlačidlá sa vytvárajú pomocou nasledujúceho riadku kódu:
< ul >< že > < a href = '#časť prvá' >Časť prvá< / a > < / že >
< že > < a href = '#druhá časť' >Druhá časť< / a > < / že >
< / ul >
Vo vyššie uvedenom útržku kódu:
- Po prvé, „
” pre nastavenie položiek zoznamu. - Ďalej kotva „ používa sa značka “, ktorá poskytuje fiktívne údaje každému
” tag. - Potom nastavte hodnotu „ href “ atribút oboch “ “označí na “ časť prvá “ a „ druhá časť “ID. Táto úloha „ id ” vytvára interné prepojenie.
Po vykonaní vyššie uvedených blokov kódu webová stránka funguje takto:
Vyššie uvedený gif ilustruje fungovanie interných odkazov na webovej stránke.
Záver
Interné odkazy HTML sú hypertextové odkazy, ktoré sa vytvárajú, aby umožnili používateľom prechádzať rôznymi časťami webovej stránky. Ak chcete vytvoriť interný odkaz, odovzdajte ID nadradeného prvku HTML. A uveďte toto ID ako hodnotu pre „ href ” atribút poskytnutý kotvou HTML “ ' element. toto ' ” prvok možno použiť vo vnútri navigačnej lišty alebo kdekoľvek na webovej stránke, ktorá funguje ako navigátor. Tento článok ukázal praktický príklad interného odkazu HTML.