Kuidas linkida lehel HTML-i abil

Kuigi menüü või sisukord võib aidata, on tüütu külastada pika veebilehe ülaosa ja seejärel allapoole kerida, et leida, mida otsite. Säästke oma külastajatele reis, linkides selle asemel otse ankrusse. Ankur võib ilmuda lehel igal pool ja sellel on id atribuudist tulenev lühike “fragmendi identifikaator”. Lisage URL-i lõppu sümbol # ja seejärel fragmendi identifikaator ja saate linkida otse ankrusse.

1
Looge ankurelement. Element “ankur” määrab lehel koha, millele saate linkida. Lingi sihtkohaks võib olla kõik, mis on siltide ja sees, tavaliselt tekst või pilt.

2
Asetage midagi ankurelemendi sisse. Kuigi ankurelemendi tühjaks jätmine on kehtiv HTML, ei leia mõned brauserid seda, kui siltide ja vahel pole midagi. Sisestage lihtsalt tekst, millele soovite linkida:Minu lasanje retseptMärgend a ei muuda tavaliselt teksti stiili. Selles näites kuvatakse “Minu lasanje retsept” tavalise tekstina.

3
Lisage oma ankurelemendile atribuut id. Atribuut id annab ankrule kordumatu identifikaatori, et saaksite sellega linkida. Asetage see märgendisse järgmiselt:Minu lasanje retsept

4
Valige oma ID väärtus. Ülaltoodud näites kasutati sõna “ankrunimi-1”, kuid kõige parem on anda ankrutele kirjeldav väärtus, näiteks antud juhul “lasanje”. See väärtus peab olema selle ID jaoks ainulaadne. Kui samas dokumendis on mõnel muul ID-l sama väärtus, ei suuda brauser tuvastada üht ankrut, mida proovite linkida. HTML4-s peab väärtus algama tähega. Saab kasutada tähti, numbreid, sidekriipse, allkriipse, kooloneid ja punkte.HTML5-s saate kasutada mis tahes märke, välja arvatud tühikud.Olge tähtede puhul ettevaatlik. “Poola” ja “poleerimine” loetakse samaks väärtuseks ja need ei tohiks esineda samas dokumendis.

5
Selle asemel sisestage ID mis tahes elementi. Te ei pea iga kord, kui soovite ankrut luua, kasutama märgendit . Atribuut id võib tegelikult minna mis tahes HTML-i elementi. Kõik kaasaegsed brauserid (mõnel ajal tagasi) peaksid suutma seda tõlgendada. Siin on mõned näited:Ankur päises:

Bibliograafia

Ankurdamine pildil: Ankurdamine a lõik:

(sissejuhatav lõik)

Pidage meeles, et iga ID võib kuvada ainult üks kord lehel.

6
Link ankrule mujalt samal lehel. See sarnaneb mis tahes lingiga, kasutades vormingut
. Kuid URL-i asemel kasutage atribuudi href väärtusena sümbolit #, millele järgneb ankurväärtus. Ülaltoodud näites lasanje retsepti linkimiseks tippige:Minu lasanjeretsepti vaatamiseks klõpsake siin.Kasutage täpselt sama juhtumit, mida ankru loomisel. Mõned brauserid ei tunne “#Lasanje” lingina “lasanjele”.

7
Link ankrule teiselt veebilehelt. Saate linkida oma ankrule ka mis tahes muult veebisaidilt. Lisage lihtsalt URL, millele järgneb # ja ankru väärtus. Siin on paar näidet: Linkimine samal domeenil teiselt lehelt:Mine minu retseptide lehele, et näha minu lasanjeretsepti.Linkimine kõikjalt: Vaadake mu sõbra saiti lasanje retseptiga.

8
Muutke pilt lingiks. Nagu tavalise URL-i puhul, saate ankrule linkida, kasutades pilti: