Skakels of ankers op webbladsye
Een van die primêre onderskeiders tussen webwerwe en ander vorme van kommunikasiemedia is die idee van "skakels" of hiperskakels, aangesien dit tegnies bekend is in webontwerpterme.
Benewens om te help om die web te maak wat dit vandag is, is skakels, sowel as beelde, maklik die mees algemene toevoegings op webbladsye. Hierdie items is maklik om by te voeg (net twee basiese HTML-etikette ) en hulle kan opwinding en interaktiwiteit bring wat andersins gewone teksbladsye sou wees. In hierdie artikel sal jy leer oor die (anker) -tag, wat die werklike HTML-element gebruik om skakels na webbladsye te voeg.
Voeg skakels by
'N Skakel word 'n anker in HTML genoem, en dus is die A-tag die kode om dit voor te stel. Gewoonlik verwys mense eenvoudig na hierdie byvoegings as "skakels", maar die anker is wat eintlik by enige bladsy gevoeg word.
Wanneer u 'n skakel byvoeg, moet u verwys na die webadres wat u gebruikers wil gebruik wanneer hulle klik of tik (as hulle op 'n raakskerm is) wat skakel. Jy spesifiseer dit met die kenmerk.
Die href- kenmerk staan vir "hiperteksverwysing" en sy doel is om die URL te dikteer waar jy wil hê dat daardie spesifieke skakel moet gaan. Sonder hierdie inligting is 'n skakel nutteloos. Dit sal die blaaier vertel dat die gebruiker iewers gebring moet word, maar die bestemmingsinligting sal nie beskikbaar wees vir waar dit iewers moet wees nie. Hierdie merker en hierdie kenmerk gaan hand in hand.
Byvoorbeeld, om 'n teks skakel te skep, skryf jy:
URL van die webblad om na "> Teks wat die skakel is te gaan
Om te skakel na die About.com Web Design / HTML tuisblad, skryf jy:
Jy kan byna enigiets in jou HTML-bladsy koppel, insluitende beelde . Omring eenvoudig die HTML-elemente of elemente wat jy wil koppel aan die en -tags. U kan ook plekhouerskakels skep deur die href- kenmerk te verlaat - maar wees seker om terug te gaan en die href-inligting later op te dateer of die skakel sal nie eintlik iets doen as dit toeganklik is nie.
HTML5 maak dit geldig om blokvlakelemente soos paragrawe en DIV- elemente te skakel. Jy kan 'n anker tag rondom 'n veel groter area, soos 'n afdeling of definisie lys, en dat die hele area "clickable" sal wees. Dit kan veral nuttig wees as jy probeer om groter, vingervriendelike treffer areas op 'n webwerf te skep.
Sommige dinge om te onthou wanneer jy skakels byvoeg
- Die finale -tag is nodig . As jy dit vergeet het, sal alles wat die skakel volg, ook gekoppel word totdat 'n ander skakel die merker sluit.
- Meeste van die tyd, dit is beter om enkele beelde en kort spanne van teks te koppel, eerder as groot blokke teks. Skakels kan kleure byvoeg en onderstreep style op jou bladsy wat moeilik kan lees. Uiteraard kan u CSS gebruik om hierdie skakels te verander en kleure te wysig of onderstreep te verwyder, maar dit is nog steeds goed om hierdie realiteit in gedagte te hou.
- Maak seker dat jy jou skakels kontroleer sodat hulle nie sleg gaan nie. Link Rot kan beide gebruikers en soekenjins meen dat jou webwerf ongeldig is. Gebruik gereeld 'n skakelkontroleerder om die skakels op jou bladsye te verifieer. Dit is veral waar wanneer u skakel na derdeparty-webwerwe (een wat u nie bestuur nie) en wat hul bladsye oor tyd verander en u met dooie skakels kan laat. 'N skakel checker sal hierdie dooie skakels vind, sodat jy enige nodige updates kan maak.
- Vermy teks soos "kliek hier" in u skakel. Onthou, mense met aanraakskerms kan nie "kliek" nie, sodat die teks voel soos 'n produk van 'n vorige era en regtig nie relevant is op vandag se multi-toestel sentriese web nie.
Ander interessante tipes skakels
Die A- element skep 'n standaard skakel na 'n ander dokument, maar daar is ander tipes skakels waaraan jy dalk belangstel:
- Interne Skakels of Ankers - Dit is skakels na iewers binne 'n webblad, nie noodwendig die top nie.
- Prentkaarte - Prentkaarte laat skakels maak op prente wat na spesifieke dele van die prentjie toegepas word. Hierdie kan gebruik word vir speletjies of kreatiewe navigasie. Jy sien hulle dikwels met kaarte waar gebiede op die kaart kliekbaar is. Let daarop dat prentkaarte nie op die meeste moderne webwerwe gebruik word nie, deels omdat dit probleme op die mobiele toestel kan veroorsaak.
- Die element-Hierdie element word gebruik om ander dokumente en bladsye met die huidige een te verbind. Dit sal nie 'n klikbare area op jou webblad skep nie, maar dit is nuttig om te verstaan.