Průvodce pro začátečníky k přidávání interních odkazů do HTML

Použití značky ID atributu pro vytvoření záložky stránky

Když pracujete na dokumentu HTML a chcete, aby uživatelé mohli kliknout na nějaké téma a okamžitě je přenést do místa se záložkou v rámci dokumentu, přidávají se tagy atributů ID. K tomu často dochází, když vypsáte řadu témat v horní části článku a potom propojíte každé téma s příslušnou sekcí dále na webové stránce.

Dokumenty HTML často obsahují externí odkazy na jiné dokumenty, ale mohou také obsahovat odkazy v rámci jednoho dokumentu. Klepnutím na jednu značku přenesete čtečku do určité záložky na webové stránce. Nakonec může být možné propojit přesné umístění pixelů v dokumentech, ale prozatím můžete pomocí značky ID vytvořit odkaz a umístění v dokumentu. Pak použijte href, abyste tam šli. Jedna značka identifikuje cíl a druhá značka identifikuje odkaz na cíl.

Poznámka: HTML 4 a starší verze používaly atribut Name k vytvoření interních odkazů. HTML 5 nepodporuje atribut name, takže místo něj je použit atribut ID .

V dokumentu rozhodněte, kam chcete, aby interní odkazy šly. Označujete je pomocí značek kotvy s atributy id . Například:

Anchor text

Dále vytvoříte odkaz na část dokumentu pomocí kotevní značky a atributu href. Uvedenou oblast označíte znakem #.

Anchor link

Trikem je zajistit, aby jste vložili text nebo obrázek.

Zde

Mnohokrát vidíte, že lidé používají tyto odkazy, aniž by obklopovali něco, ale není to tak spolehlivá kotva jako ta, která obklopuje slovo nebo obraz. Mnoho prohlížečů dává přednost tomu, aby některé prvky byly umístěny v horní části obrazovky. když uzavřete nic, vystavujete se riziku, že prohlížeč bude zaměněn.

Odkaz na návrat k horní části webové stránky

Chcete-li přidat odkaz daleko dolů na webové stránce a vrátit prohlížeč do horní části stránky, je snadné nastavit interní odkaz. V HTML tag definuje odkaz. href = následuje adresa URL cílového odkazu v nabídkách (nebo zkrácená adresa URL, pokud se odkaz nachází v rámci stejného dokumentu) a text odkazu, který je viditelný na webové stránce. Klepnutím na text odkazu se dostanete na zadanou adresu. Pomocí této syntaxe:

text odkazu