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. Onneksi nämä kohteet 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 varsinainen 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 tarkoittaa "hypertext-viitettä" 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:
Teksti, joka on linkki
Joten linkki on About.com Web Design / HTML kotisivu, kirjoitat:
Lifewire
Voit liittää lähes kaikki HTML-sivusi, mukaan lukien kuvat. Yksinkertaisesti ympäröi HTML-elementtejä tai elementtejä, joista haluat olla linkki
ja tunnisteita. Voit myös luoda paikkamerkkiyhteyksiä jättämällä pois href attribuutti - mutta muista vain palata ja päivittää href-tiedot myöhemmin tai linkki ei todellisuudessa tee mitään, kun sitä käytetään.
HTML5 tekee sen kelvolliseksi yhdistää 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
- Viimeinen tag on vaaditaan. 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 sivujasi ylenmäärin, 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 ajanjaksona ja se ei todellakaan ole merkityksellinen nykypäivän monikeskisesti keskittyvässä verkossa.
Muita kiinnostavia linkkityyppejä
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ää.
