Pagrindinis HTML, CSS ir JavaScript vadovas

Efektyviai naudoti išorines nuorodas ir jų tikslinius atributus

Visi pamokos vaizdo įrašai Pagrindinis pamokos HTML, CSS ir JavaScript.

Visi, kurie dirba su svetainių kūrimu, žino, kad nuorodų į kitas svetaines kūrimas yra pagrindinė funkcija svetainių dizaino ir vartotojo patirties srityje. Išoriniai nuorodos leidžia jums nurodyti vertingą turinį, kuris gali papildyti arba paremti jūsų pačios puslapį. Be to, svarbu suprasti, kaip ir kodėl šias nuorodas efektyviai įgyvendinti, siekiant optimizuoti vartotojo patirtį ir užtikrinti, kad lankytojai nebūtų tiesiog „suvalgyti“ iš jūsų puslapio. Šiame gide detaliai išmoksite, kaip tinkamai įdėti išorines nuorodas HTML kalba ir kaip naudojamas Target-atributas, kad nuorodos būtų atidarytos naujame skirtuke arba lange.

Svarbiausi pastebėjimai

  • Išorinės nuorodos nurodo kitas svetaines ir yra svarbios informacijos sklaidoje.
  • Target atributas gali padėti atidaryti nuorodas naujame skirtuke arba lango, kas pagerina vartotojo patirtį.
  • Svarbu informuoti vartotojus, kad jie lankosi kitoje svetainėje.

Žingsnis-po-žingsnio vadovas

Pirmiausia turite suprasti, kaip atrodo paprasta nuoroda HTML kalboje.

Žingsnis 1: Sukurkite paprastą išorinę nuorodą

Turite galimybę sukurti išorinę nuorodą naudodami HTML žymą po kurios seka adresas, į kurį norite nukreipti.

Veiksmingai naudoti išorinius nuorodas ir jų tikslinius atributus

Šiame pavyzdyje „į svetainę“ yra tekstas, kuris yra paspaudžiamas vartotojui. Kai vartotojas paspaudžia šią nuorodą, jis bus nukreiptas į Vikipedijos puslapį.

Žingsnis 2: Patikrinkite išorinę nuorodą

Po to, kai sukūrėte nuorodą, turėtumėte įsitikinti, kad ji iš tikrųjų veikia. Paspauskite nuorodą savo naršyklėje ir patikrinkite, ar ji nukreipia į teisingą svetainę. Veikiančioje nuorodoje Vikipedijos puslapis bus atidarytas naujame skirtuke arba lange, jei nenaudosite Target atributą.

Išorinius nuorodas ir jų tikslinius atributus veiksmingai naudoti

Žingsnis 3: Target atributo naudojimas

Jei norite, kad nuoroda atsidarytų naujame lange arba skirtuke, galite naudoti target atributą.

_blank atributas užtikrina, kad naršyklė atidaro nuorodą naujame skirtuke, kol pirmasis puslapis lieka atidarytas.

Žingsnis 4: Suprantant tikslinimą

Target atributas gali būti naudojamas įvairiems tikslams. Išorinių nuorodų atveju _blank yra dažniausiai naudojama reikšmė, kad būtų pagerinta vartotojo patirtis, leidžiant vartotojams neprarasti pradinio puslapio.

Efektyviai naudoti išorinius nuorodas ir jų tikslinius atributus

Taip pat galite apsvarstyti galimybę pateikti įspėjimą, kai vartotojai spustelės išorines nuorodas. Tai gali padėti vartotojams būti informuotiems apie artėjančią navigaciją.

Žingsnis 5: Praktinis įgyvendinimas jūsų svetainėje

Kai kuriate arba redaguojate svetainę, įsitikinkite, kad tinkamai integruojate išorines nuorodas. Nuorodos į vertingą turinį, pvz., Vikipediją, gali suteikti papildomą kontekstą ir padėti jūsų lankytojams sužinoti daugiau apie temą.

Veiksmingai naudoti išorinius nuorodas ir jų tikslinius atributus

Žingsnis 6: Nuorodos uždarymas

Prieš baigdami nuorodą, įsitikinkite, kad visi reikalingi komponentai yra tinkamai įtraukti. Įsitikinkite, kad URL ir nuorodos tekstas gerai pasirinkti ir teisingai parašyti.

Žingsnis 7: Išorinių nuorodų testavimas

Pasibaigus nuorodų kūrimui, labai svarbu patikrinti visą funkcionalumą. Peržiūrėkite savo nuorodas ir įsitikinkite, kad jos tinkamai veikia ir atitinka vartotojų lūkesčius.

Santrauka - Išorinių nuorodų ir Target pagrindai HTML kalboje

Naudojant išorines nuorodas ir teisingai įgyvendinant Target atributą HTML kalboje, galite reikšmingai pagerinti savo svetainės vartotojo patirtį. Išorinės nuorodos suteikia jūsų lankytojams galimybę gauti papildomą informaciją, o atidarymas naujuose languose ar skirtukuose užtikrina, kad jie galės likti jūsų puslapyje. Taikydami šias technikas, jūsų svetainė ne tik bus informatyvesnė, bet ir patogesnė vartotojui.

Dažnai užduodami klausimai

Kodėl turėčiau naudoti išorines nuorodas?Išorinės nuorodos suteikia jūsų lankytojams papildomą informaciją ir padeda suprasti turinį.

Kas vyksta su target="_blank" atributu?Jis atidaro nuorodą naujame skirtuke arba lange, todėl pradinė svetainė lieka atidaryta.

Ar yra pavojų naudojant išorines nuorodas?Taip, išorinės nuorodos gali būti sugedusios arba nukreipti į nesaugias svetaines, kas gali neigiamai paveikti vartotojo patirtį.

Kaip patikrinti išorinę nuorodą?Paspauskite nuorodą savo naršyklėje ir patikrinkite, ar puslapis tinkamai įkeltas.

Ar turėčiau visada naudoti target="_blank" išorinėms nuorodoms?Rekomenduojama tai daryti išoriniams nuorodoms, kad padidintumėte vartotojo patogumą, tačiau tai nėra būtina.

274