Tämän päivän aihe keskusteluun on HTML-ankkuri. Tämä elementti mahdollistaa nopeat siirtymät sekä sivun sisällä että ulkoisissa asiakirjoissa. Web-kehittäjät käyttävät usein ankkureita. Koska ne auttavat järjestämään verkkosivusto, joka on kätevä lukijoille. Artikkeli antaa yksityiskohtaisen kuvauksen tästä elementistä ja esimerkkejä tehokkaasta käytöstä.
kuvaus
HTML-ankkuri on eräänlainen ainutlaatuinen kirjanmerkkiverkkosivu. Se on aina oma yksilöllinen nimi, jota ei saa toistaa yhdellä sivulla. Ankkurin pääasiallinen tarkoitus on nopeasti siirtyä asiakirjan osasta toiseen tietylle paikalle. Erityisen tehokas tämä elementti tuo, kun web-sivu on suuri. Tämän vuoksi käyttäjät ovat epämukavia lukemaan sivuston sisältöä. Ja ankkuri HTML-sivulla mahdollistaa nopean siirtymän.
toimeksianto
Voit luoda tällaisen kirjanmerkin sivullakäytä kahta eri menetelmää. Ensimmäinen on käyttää Nimi-määritettä, ja toisessa tapauksessa sinun on käytettävä tunnusominaisuutta. Seuraavaksi tarkastelemme jokaista menetelmää erikseen. Siirtyminen molemmissa tapauksissa tapahtuu käyttämällä tunnistetta "a", jonka attribuutilla on nimi tai tunniste. Esimerkiksi: "a href =" # footer "". # Symboli kertoo selaimelle, että linkki kiinnittyy.
nimi
Nimi-määrite luotiin nimenomaan ankkurin luomiseksi sivulle. Sen arvo voi olla mikä tahansa teksti. Tätä HTML-ankkuria voidaan käyttää vain yhdessä "a" -tunnisteen kanssa.
Haluat esimerkiksi luoda kirjanmerkin aivan lopussasivusi. Sinun täytyy asettaa tunniste "name =" footer "" / a "web-asiakirjan haluttuun osaan. Sivun toisella alueella sinun on luotava linkki ankkuriin, lisää tähän merkintä "a href =" # footer "" linkki "/ a". Kun napsautat tätä kohdetta, selaus vie automaattisesti sen osan asiakirjaan, jossa Footer-välilehti sijaitsee.
ID
Ensinnäkin on syytä mainita, että tunnus onTunniste, jolla ei ole suoraa tarkoitusta luoda ankkureita. Mutta sen avulla voit luoda kirjanmerkkejä koko asiakirja-alueelle luomatta lisää linkkejä. Eli voit käyttää ID-määritettä mihin tahansa HTML-elementtiin. Ja sitten käytä "a" -tunnistetta, katso sitä. Tässä on esimerkki: p-elementti on keskellä dokumenttia. Jos haluat siirtyä sivun alkuun ilman vierityspalkkeja, lisää tunnusominaisuus: "p id =" centr "" "/ p". Seuraavaksi luo linkki: "a href =" # centr "" Teksti on "/ a". Näin pääsemme nopeasti mihin tahansa dokumentin osaan. ID-attribuutin arvo voi olla mikä tahansa teksti.
Tehokas käyttö
HTML: ssä käytetään usein ankkurilinkkejärakentaa dokumentin navigointia. Sivulla on esimerkiksi valtava määrä tekstiä koskevia tietoja, jotka puolestaan on jaettu erillisiin kappaleisiin tai lukuihin. Jotta kävijät voivat käyttää sivustoa kätevästi, sinun täytyy määrittää kirjanmerkit, jotta siirryt nopeasti asiakirjan erilliseen osaan. Tätä varten luomme kussakin luvussa ankkurilinkin tai käyttämällä ID-tunnisteita. Ylös tehdään navigointipalkki, jossa on kaikkien linkkien sisältö. Mielenkiintoinen seikka on, että ankkurit voidaan viitata muilta verkkosivuilta. Riittää, kun lisäät nimen tai tunnuksen attribuuttien arvon linkin loppuun. Älä unohda lisätä # -merkkiä. Järjestelmän pitäisi tässä tapauksessa näyttää seuraavalta: päälinkki on # name (id).
johtopäätös
HTML-ankkuri on erittäin hyödyllinen ja joissakintapauksissa jopa välttämätön elementti. Esityksessä esitin vain yhden esimerkin sen tehokkaasta käytöstä. Itse asiassa tällaisia kirjanmerkkejä voidaan käyttää monissa tilanteissa. Tärkeintä on ymmärtää niiden pääajatus.