HTML-perusteet - Linkit ja ankkurit

• Huhtikuu 16, 2024

Voit käyttää linkkejä linkittääksesi sivusi muille sivuille tai jopa siirtyäksesi saman sivun eri osiin. Linkit antavat verkkosivustollesi dynaamisen laadun, joka tekee siitä erilaisen kuin esimerkiksi kirja tai aikakauslehti.

Alkeellisimmalla tasolla linkkitunniste näyttää tältä:



Mikä tahansa tunniste, joka alkaa 'a', osoittaa linkin, mutta linkkejä on kahta tyyppiä: hyperlinkit ja nimetyt ankkurit. Hyperlinkki on linkki, joka yhdistää yhden verkkosivun toiselle verkkosivulle ja näyttää tältä:

Linkki teksti tähän

Tunnisteessa olevat tiedot kertovat selaimellesi, että tämä on hyperlinkki (href), joka yhdistää verkkosivulle 'page.html'. Tunnisteiden sisällä oleva teksti (Linkkiteksti tässä) on osa linkkiä, jonka kävijä todella näkee, ja se voi napsauttaa siirtyäksesi sivulle.html. Jos linkit sivustosi sivulle saman sivuston sivulta, voit jättää verkkotunnustiedot pois. Esimerkiksi, jos olet luonut linkin sivullesi, joka sijaitsee osoitteessa www.domain.com/home.html, ja linkin, joka on yhteydessä kohdesivulle www.domain.com/page.html, voit kirjoittaa linkin nimellä ja ohittaa verkkotunnuksen tiedot. Jos jätät verkkotunnuksen pois, selain olettaa, että kohdesivu sijaitsee samassa verkkosivustossa kuin linkittävä sivu.

Nimetty ankkuri (jota usein kutsutaan yksinkertaisesti 'ankkuriksi') palvelee eri tarkoitusta. Kuten nimestä olet saattanut arvata, ankkuri luo sivulle näkymättömän lipun, joka kertoo selaimelle, mihin laskeutua, kun luot linkin, joka pudottaa kävijät tietyn sivun pisteeseen. Ankkuri näyttää tältä:



Tyypillisesti ankkurissa ei ole tekstiä aloitus- ja sulkemistunnisteiden välissä, koska se on vain merkitä kohta sivulle. Voit luoda linkin, jonka avulla kävijät voivat siirtyä tälle sivulle toiselta sivulta, voit rakentaa hyperlinkin seuraavasti:

Käy Post-osiossa

Linkin sisällä oleva # -merkki kertoo selaimelle, että linkit nimettyyn ankkuriin. Jos haluat luoda hyperlinkin, joka siirtää vierailijan saman sivun toiseen osaan, se näyttää tältä:

Käy Post-osiossa

Toinen tärkeä osa hyperlinkkeistäsi on 'kohde' -ominaisuus. Tämä kertoo selaimelle, kuinka kohdesivu näytetään. Sinulla on kolme päävaihtoehtoa: 'target = "_ tyhjä",' 'target = "_ itse",' ja 'target = "_ top".'

'_Blank' -argumentti avaa linkitetyn sivun uudessa ikkunassa. Tämä on erityisen hyödyllistä, kun linkit ulkoiseen sivustoon, koska kävijä voi selata uuden sivuston läpi sydämensä sisällön menettämättä sijaintiasi sivustollasi. On myös parasta avata dokumentteja, kuten PDF-tiedostoja, uudessa ikkunassa, koska vierailijat sulkevat usein asiakirjan automaattisesti, kun he ovat viimeistelleet sen.

'_Self' -argumentti saa linkitetyn sivun korvaamaan nykyisen sivun nykyisessä selainikkunassa. Tämä sopii parhaiten linkkeihin sivustosi sisällä; muuten kävijät, jotka selaavat paljon sivustosi läpi, johtavat moniin avoimiin ikkunoihin, jotka voivat olla erittäin ärsyttäviä! Tämä on kohde-attribuutin oletusargumentti, joten jos et määritä tavoitetta, linkit käyttävät aina olemassa olevaa selainikkunaa.

_Top-argumenttia käytetään yleensä kehyssetti-verkkosivustoissa, ja se käskee selaimen korvaamaan koko kehyssarjan, sen sijaan, että latataan uusi sivu pelkästään siitä, mihin kehysjoukon osaan alkuperäinen linkki sisältyy.

Video-Ohjeita: Growing up Without Cable (Huhtikuu 2024).