Linkit tai ankkurit verkkosivuilla
Yksi verkkosivujen ja muiden tietoliikennevälineiden ensisijaisista erottajista on ajatus "linkkeistä" tai hyperlinkkeistä, koska ne ovat teknisesti tunnettuja web-suunnittelun termeissä.
Sen lisäksi, että autat tekemään verkosta sen, mitä se on tänään, linkit, sekä kuvat, ovat helposti yleisimmin lisättäviä asioita verkkosivuilla. Näitä kohteita on helppo lisätä (vain kaksi perus-HTML-tunnistetta ) ja ne voivat tuoda jännitystä ja vuorovaikutusta siihen, mikä muuten olisi selkokielisiä sivuja. Tässä artikkelissa tutustutaan (ankkuri) -tunnisteeseen, joka on todellinen HTML-elementti, jota käytetään linkkien lisäämiseen verkkosivujen sivuille.
Linkkien lisääminen
Linkkiä kutsutaan ankkuriksi HTML: ssä, joten tunniste, joka edustaa sitä, on A-tunniste. Yleensä ihmiset vain viittaavat näihin lisäyksiin "linkkeiksi", mutta ankkuri on mitä todella lisätään mihin tahansa sivuun.
Kun lisäät linkin, sinun on osoitettava verkkosivun osoite, jonka käyttäjät haluavat siirtyä napsauttamalla tai napauttamalla (jos ne ovat kosketusnäytöllä), jotka linkittävät. Määrität tämän attribuutilla.
Href- attribuutti on "hypertekstin viite" ja sen tarkoitus on sanella URL-osoite, johon haluat kyseisen nimen. Ilman näitä tietoja linkki on hyödytön - se kertoisi selaimelle, että käyttäjää pitäisi tuoda jonnekin, mutta sillä ei olisi käytettävissään kohdeinformaatiota, mihin se "jossakin" olisi. Tämä tunniste ja tämä ominaisuus kulkevat käsi kädessä.
Voit esimerkiksi luoda tekstilinkin kirjoittamalla:
verkkosivun URL-osoite siirtyäksesi "> tekstiin, joka on linkki
Joten linkki on About.com Web Design / HTML kotisivu, kirjoitat:
Voit liittää lähes kaikki HTML-sivusi, mukaan lukien kuvat . Yksinkertaisesti ympäröi HTML-elementtejä tai elementtejä, joista haluat olla linkki ja tagien kanssa. Voit myös luoda paikkamerkkien linkkejä jättämällä href- attribuutin - mutta muista vain palata takaisin ja päivittää href-tiedot myöhemmin tai linkki ei todellisuudessa tee mitään, kun sitä käytetään.
HTML5 tekee sen pätevän yhdistämään lohkotason elementtejä, kuten kappaleita ja DIV- elementtejä. Voit lisätä ankkurointitunnuksen paljon suuremman alueen ympärille, kuten jako- tai määritysluettelon, ja koko alue on "klikattava". Tämä voi olla erityisen hyödyllistä, kun yrität luoda suurempia, sormenpitäviä hittialueita verkkosivuilla.
Joitakin muistoja, kun linkit lisätään
- Lopullinen tag on pakollinen . Jos unohdat ottaa sen, kaikki linkin jälkeen seuraavat linkit myös linkitetään, kunnes toinen linkki sulkee tagin.
- Suurin osa kerrallaan on parasta yhdistää yksittäisiä kuvia ja tekstin lyhyitä ulottuvuuksia, eikä suuria tekstilohkoja. Linkit voivat lisätä sivusi värejä ja alleviivaa tyylejä, joita voi olla vaikea lukea. Tietenkin voit käyttää CSS: ää muuttamaan linkkityylejä ja muokata värejä tai poistaa korostuksia, mutta on silti hyvä muistaa tämä todellisuus.
- Varmista, että tarkistat linkit, jotta ne eivät mene huonoon. Link Rotin avulla käyttäjät ja hakukoneet voivat pitää sivustoasi kelvottomina. Käytä linkkitarkkailijaa säännöllisesti varmistaaksesi sivujesi linkit. Tämä pätee erityisesti silloin, kun linkit kolmannen osapuolen sivustoille (ne, joita et hallinnoi) ja jotka voivat muuttaa sivujaan pitkiä aikoja, jolloin sinulla on kuollut linkit. Linkki tarkistaja löytää nämä kuollut linkit, jotta voit tehdä tarvittavat päivitykset.
- Vältä linkkisi "klikkaa tästä". Muista, että kosketusnäytöllä varustetuilla ihmisillä ei voi "napsauttaa", joten teksti tuntuu aikaisempana aikakaudenaikaiselta tuotekehitykseltä. Se ei todellakaan ole merkityksellinen nykypäivän monikeskikohtaisessa verkossa.
Muita kiinnostavia linkkityyppejä
A- elementti luo vakioyhteyden toiseen asiakirjaan, mutta on olemassa muita linkkejä, joista saatat olla kiinnostunut:
- Sisäiset linkit tai ankkurit - Nämä ovat linkkejä jonnekin Web-sivulle, ei välttämättä ylhäältä.
- Kuvakartat - Kuvakartat antavat luoda linkkejä kuviin, jotka on liitetty tiettyihin kuvan alueisiin. Näitä voidaan käyttää peleihin tai luovaan navigointiin. Näet usein ne karttoja, joilla kartan alueita voidaan napsauttaa. Huomaa, että kuvakarttoja ei käytetä useimmissa nykyaikaisissa verkkosivustoissa, osittain, koska ne voivat aiheuttaa ongelmia mobiililaitteessa.
- Elementti-Tätä elementtiä käytetään muiden asiakirjojen ja sivujen suhteessa nykyiseen. Se ei luo klikattavaa aluetta verkkosivustossasi, mutta on hyödyllistä ymmärtää.