Linkide lisamine veebilehtedele

click fraud protection

Üks peamisi diferentseerijaid veebisaitide ja muude kommunikatsioonimeediumide vahel on "linkide" idee või hüperlingid kuna need on veebidisaini mõistes tehniliselt tuntud.

Lisaks sellele, et aidata veebi selliseks muuta, nagu see praegu on, lisavad veebilehtedele hõlpsasti kõige sagedamini ka lingid ja ka pildid. Õnneks on neid üksusi lihtne lisada (vaid kaks põhilised HTML-märgendid) ja need võivad tuua põnevust ja interaktiivsust muidu tavalise teksti lehtedele. Selles artiklis saate teada (ankur) märgendist, mis on tegelik HTML-element kasutatakse veebisaitide lehtede linkide lisamiseks.

Linkide lisamine

Linki nimetatakse HTML-is ankruks ja seega on seda tähistav silt A-silt. Tavaliselt nimetavad inimesed neid lisandeid lihtsalt "linkideks", kuid ankur on see, mida tegelikult igale lehele lisatakse.

Lingi lisamisel peate osutama veebilehe aadress et soovite, et teie kasutajad läheksid linki klõpsates või puudutades (kui nad on puuteekraanil). Määrate selle atribuudiga.

The href

instagram viewer
atribuut tähistab hüpertekstiviidet ja selle eesmärk on dikteerida URL, kuhu soovite selle konkreetse lingi minna. Ilma selle teabeta pole link kasutu, kuna see ütleks brauserile, et kasutaja tuleks kohale tuua kusagil, kuid sellel ei oleks sihtkoha teavet selle kohta, kus see "kuskil" peaks olema olema. See silt ja see atribuut käivad käsikäes.

Saate linkida oma HTML-lehel peaaegu kõike, sealhulgas pilte. Lihtsalt ümbritsege HTML-elemendid või elemendid, mille soovite linkideks märgenditega ja. Võite ka luua kohatäite lingid jättes välja href atribuut - kuid minge kindlasti tagasi ja värskendage hrefi teavet hiljem, vastasel juhul ei tee link juurdepääsu korral midagi.

HTML5 muudab kehtivaks plokitaseme elementide, nagu lõigud ja., Linkimise DIV elemendid. Ankrumärgendi saate lisada palju suurema ala ümber, näiteks jaotuse või määratluste loendi ümber ja kogu see ala on "klõpsatav". See võib olla eriti kasulik, kui proovite veebisaidil luua suuremaid sõrmesõbralikke löögialasid.

Mõned asjad, mida linkide lisamisel meeles pidada

  • Viimane silt on nõutud. Kui unustate selle lisada, lingitakse ka kõik sellele lingile järgnevad, kuni teine ​​link sildi sulgeb.
  • Enamasti on kõige parem linkida üksikud pildid ja lühikesed tekstivahemikud, mitte suured tekstiplokid. Lingid võivad teie lehele lisada värve ja allajoonitud stiile, mida võib olla raske lugeda. Loomulikult saate nende linkide stiilide muutmiseks ja värvide muutmiseks või allajoonimiste eemaldamiseks kasutada CSS-i, kuid siiski on hea seda reaalsust silmas pidada.
  • Kontrollige kindlasti oma linke, et need halvaks ei läheks. Link Rot võib panna nii kasutajaid kui ka otsingumootoreid teie saiti kehtetuks pidama. Kasutage oma lehtede linkide kontrollimiseks regulaarselt linkide kontrollijat. See kehtib eriti siis, kui linkite kolmandate osapoolte saitidele (saitidele, mida te ei halda) ja mis võivad muuta nende lehtede ületunde, jättes teile surnud lingid. Lingikontrollija leiab need surnud lingid, et saaksite teha vajalikke värskendusi.
  • Vältige oma lingil sellist teksti nagu "klõpsake siin". Pidage meeles, et puutetundliku ekraaniga inimesed ei saa "klõpsata", nii et tekst tundub nagu möödunud ajastu toode ja pole tänapäeva mitut seadet käsitlevas veebis tegelikult asjakohane.

Muud huvitavad lingitüübid

The A element loob standardse lingi teisele dokumendile, kuid võite olla huvitatud teist tüüpi linkidest:

  • Sisemised lingid või ankrud: Need on lingid kuskile veebilehele, mitte tingimata ülaosasse.
  • Pildikaardid: Pildikaardid võimaldavad luua linke piltidele, mis on kaardistatud pildi teatud piirkondadega. Neid saab kasutada mängude või loomingulise navigeerimise jaoks. Sageli näete neid koos kaartidega, kus kaardil olevad piirkonnad on klõpsatavad. Pange tähele, et enamikul kaasaegsetel veebisaitidel ei kasutata pildikaarte, osaliselt seetõttu need võivad põhjustada probleeme mobiilseadmetes.
  • Element: seda elementi kasutatakse muude dokumentide ja lehtede seostamiseks praegusega. See ei loo teie veebisaidil klõpsatavat ala, kuid sellest on kasu.
instagram story viewer