Príručka pre začiatočníkov o pridávanie interných odkazov do HTML

Používanie značky ID atribútu na vytvorenie záložiek stránky

Keď pracujete na dokumente HTML a chcete, aby používatelia mohli kliknúť na nejakú tému a okamžite sa preniesli na miesto so záložkou v dokumente, príde sa k nim pridať značka atribútov ID. Toto sa často vyskytuje, keď v hornej časti článku uvádzate rad tém a potom prepojiť každú tému so súvisiacou sekciou ďalej na webovej stránke.

Dokumenty HTML často obsahujú externé odkazy na iné dokumenty, ale môžu tiež obsahovať odkazy v rámci jedného dokumentu. Kliknutím na jednu značku prenesiete čítačku do konkrétnej záložky na webovej stránke. Nakoniec môže byť možné prepojiť na presné umiestnenia pixelov v dokumentoch, ale teraz môžete pomocou značky ID vytvoriť odkaz a umiestnenie v dokumente. Potom použite href tam. Jedna značka identifikuje cieľ a druhá značka identifikuje odkaz na cieľ.

Poznámka: HTML 4 a staršie verzie používali atribút Name na vytvorenie interných odkazov. HTML 5 nepodporuje atribút name, preto sa použije atribút ID .

V dokumente sa rozhodnite, kam chcete vnútorné odkazy prejsť. Označujete ich pomocou značky kotvy s atribútmi id . Napríklad:

Potom vytvoríte prepojenie na časť dokumentu pomocou značky kotvy a atribútu href. Uvedenú oblasť označujete #.

Trikom je uistiť sa, že umiestnite okolo textu alebo obrázka.

Mnohokrát vidíte, ako ľudia používajú tieto odkazy bez toho, aby obklopovali niečo, ale to nie je taká spoľahlivá kotva ako tá, ktorá obklopuje slovo alebo obrázok. Mnoho prehliadačov dáva prednosť tomu, aby niektoré prvky boli umiestnené v hornej časti obrazovky. keď uzavriete nič, vystavujete sa riziku, že prehliadač bude zmätený.

Odkaz na návrat na začiatok webovej stránky

Ak chcete pridať odkaz dole na webovej stránke a vrátiť diváka do hornej časti stránky, vnútorný odkaz sa jednoducho nastaví. V tagu HTML značka definuje odkaz. href = nasleduje adresa URL cieľového odkazu v citáciách (alebo skrátená adresa URL, ak je odkaz v rámci toho istého dokumentu) a potom text odkazu, ktorý je viditeľný na webovej stránke. Kliknutím na text odkazu sa dostanete na zadanú adresu. Pomocou tejto syntaxe: