Wat binne HTML5 Placeholder Links?
idUp oant HTML5 hat de in tag in attribus nedich: href. Mar HTML5 makket sels dat attribút fakultatyf. As jo in tag mei elke eigenskippen skriuwe, wurdt it in pleatshâlder keppeling neamd.
In pleatshâlder keppeling liket sa:
foarôfMei help fan lokaasjetriemden yn 'e ûntwikkeling
Hast elke webûntwerper hat pleatshâlder keppelings op ien kear of in oar ûntfanger yn it ûntwikkeljen en bouwen fan in webside. Foar HTML5 wolle wy skriuwe:
keppele tekstas de plakhâlder. En ik haw mockup-sites ferstjoerd nei kliïnten mei dy pleatshâlders allinich om de client te freegjen "wêrom net de keppels yn 'e tekst wurkje?"
It probleem mei it brûken fan in hashtag (#) as in pleatshâlder-keppeling is dat de keppeling klikber is, en dat kin misledigje foar jo kliïnten. En, as immen ferjit dat se mei de korrekte URL's te aktualisearje, kinne dy keppelings brek wurde op 'e live-webstee, om't se gjin inkelde link hawwe.
Yn stee dêrfan moatte jo begjinne mei in tags sûnder elke attributen. Jo kinne dizze styl oanpasse as elke oare link op jo side te sjen, mar se sille net klikber wêze omdat se gewoan plakhâlders binne.
Mei help fan lokale lokaasjes op live ynstellings brûke
Mar pleatshâlderlinks hawwe in plak yn webûntwerp foar mear as gewoan ûntwikkeling. Ien plak dêr't in pleatshâlderlink skynt kin wêze yn 'e navigaasje. Yn in protte gefallen hawwe websteeënlisten in soad manier om oan te jaan wêrfoar't jo binne. Dizze wurde faak neamd "jo binne hjir" yndikanten.
De measte siden ferwize op id-attributen op it elemint dat de "jo hjir binne" markearje, mar guon brûke it klasse-attribút. Hokker aspekten jo brûke, moatte jo in pear wurken dwaan oan elke side dy't de navigaasje hat, it tafoegjen en fuortsmite fan it attribút fan 'e korrekte eleminten.
Mei in pleatshâlder-keppeling kinne jo jo navigaasje skriuwe lykwols jo wolle, en dan ienfâldich it href-attribút fan 'e passende keppeling fuortsmite as jo de navigaasje oan in side taheakje. Ik bewarje myn hiele navigaasje list as in snippet yn myn editor, dus it is gewoan in flugge kopiepaste en dan hellet de href. Jo kinne ek jo CMS krije om itselde ding te dwaan.
En njonken ekstra spesjale styling (ik sjoch jo hoe't hjirûnder) oan in plakhâlderlink is, is de keppeling net klikber. Dus klanten krije gjin fertroude tinken dat se wat oars krije kinne as se klikke op de navigaasje keppeling wêr't se no binne.
Styling Placeholder Links
Plakferhâlder-keppelingen binne maklik te styl en styl oars as fan oare links op jo webside. Folslein geweldich wêze om de tagong te styl en de a: link tag. Bygelyks:
in {kleur: read; font-weight: bold; tekst-dekoraasje: gjin; } a: link {kleur: blau; font-weight: normal; tekst-dekoraasje: ûnderline; }Dizze CSS sil plakhâlder meitsje fan felten en read, sûnder ûnderstreek. Wylst regelmjittige keppelings binne fan normaal gewicht, blau en ûnderline.
Tink derom dat jo gjin stilen weromsette dy't jo net wolle oer it tagong drage wolle. Sa haw ik bygelyks it lettertype-gewicht ynsteld foar de pleatshâlder-keppel, dus moat ik it oanpasse:
font-weight: normal;foar de standert keppelings. Itselde is wier mei de tekstdekoraasje, troch it mei it selektearjen te wiskjen, it soe wiske wurde foar de a: linkselektor as ik it net werom sette.