Aloittelijan opas sisäisten linkkien lisäämiseen HTML: ään

ID-arvotunnuksen käyttäminen Luo kirjan sivuja

Kun olet työskennellyt HTML-asiakirjassa ja haluat, että käyttäjät voivat napsauttaa aihetta ja olla välittömästi kuljetettu kirjanmerkittyyn paikkaan asiakirjassa, ID -attribuutitunnisteet tulevat hyödyllisiksi. Tämä tapahtuu usein, kun luetat sarjan aiheita artikkelin yläosassa ja liitä sitten jokainen aihe aiheeseen liittyvästä osasta, joka on edelleen verkkosivulla.

HTML- dokumentit sisältävät usein ulkoisia linkkejä muihin asiakirjoihin, mutta ne voivat sisältää myös linkkejä yhdestä asiakirjasta. Yhden tagin napsauttaminen siirtää lukijan verkkosivun tiettyyn kirjanmerkittyyn osaan. Lopulta voi olla mahdollista yhdistää asiakirjoissa tarkat pikselin sijainnit, mutta nyt ID-tunnisteen avulla voit luoda linkin ja sijainnin dokumentissa. Käytä sitten hrefia menemään sinne. Yksi tunniste identifioi kohteen ja toinen tunniste tunnistaa linkin määränpäähän.

Huomaa: HTML 4 ja aikaisemmat versiot käyttivät Nimi-ominaisuutta sisäisten linkkien muodostamiseksi. HTML 5 ei tue nimiominaisuutta, joten sen sijaan käytetään ID-määritettä .

Määritä asiakirjassa, mistä haluat sisäisten linkkien siirtymisen. Merkität ne käyttämällä ankkurimittaria id-attribuuttien kanssa . Esimerkiksi:

Seuraavaksi luodaan linkki asiakirjaan, jossa käytetään ankkurointitunnistetta ja href-attribuuttia. Merkitään nimetty alue # -merkillä.

Temppu on varmistaa, että laitat ympärille tekstin tai kuvan.

Usein näet, että ihmiset käyttävät näitä linkkejä ympäröimättä mitään, mutta tämä ei ole yhtä luotettava ankkuri kuin sanan tai kuvan ympäröimä. Monet selaimet mieluummin pitävät jonkin elementin asemaan näytön yläosassa; kun liität mitään, vaarannat selaimen hämmentävän.

Linkki palataan Web-sivun yläreunaan

Kun haluat lisätä sivun yläosaan linkin, joka palauttaa katsojan sivun yläosaan, sisäinen linkki on helppo määrittää. HTML-tunniste määrittelee linkin. href = seuraa kohdesolmun URL-osoite lainauksissa (tai lyhennetty URL-osoite, jos linkki on samassa asiakirjassa) ja sitten verkkosivulla näkyvä linkkiteksti. Napauttamalla linkkiteksti lähettää sinut määritettyyn osoitteeseen. Tämän syntaksin käyttäminen: