Hvað eru HTML5 Placeholder tenglar fyrir?
IDUp þar til HTML5, merkið hefur krafist eina eiginleika: href. En HTML5 gerir jafnvel þessi eiginleiki valfrjáls. Þegar þú skrifar merkið án eiginleika er það kallað staðgengill hlekkur.
Staðsetningarhnappur lítur svona út:
fyrriUsing Placeholder Tenglar Á Þróun
Næstum sérhver vefur hönnuður hefur búið til staðgengil tengla á einum tíma eða öðrum meðan að hanna og byggja upp vefsíðu. Áður en HTML5 var skrifað, skrifum við:
tengill textisem staðhafi. Og ég hef sent mockup síður til viðskiptavina með þeim staðendum eingöngu til að biðja viðskiptavininn að spyrja mig "afhverju virkar ekki tenglarnir í textanum?"
Vandamálið með því að nota hashtag (#) sem staðgengill hlekkur er að tengilinn sé smellur og þetta getur valdið ruglingi fyrir viðskiptavini þína. Og ef einhver gleymir að uppfæra þær með réttu vefslóðum, geta þessi tenglar birst á lifandi vefsvæði vegna þess að þeir tengjast ekki neinu.
Þess í stað ættir þú að byrja að nota merki án eiginleika. Þú getur stíll þetta til að líta út eins og allir aðrir hlekkur á síðunni þinni, en þeir munu ekki smella á því að þeir eru bara staðhafar.
Notkun staðsetningarhlekkja á vefsíðum
En staðbundnar tenglar eiga sér stað í vefhönnun fyrir meira en bara þróun. Ein staðurinn sem staðgengill hlekkur getur skannað er í flakki. Í mörgum tilfellum hefur vefsíðaleiðsagnarvísir einhvern veginn vísbendingu um hvaða síðu þú ert á. Þetta eru oft kallaðir "þú ert hér" vísbendingar.
Flestir staðir treysta á eiginleikum persónuskilríkja á frumefnið sem þarfnast "þú ert hér" merki, en sumt er einnig notað í bekknum. Hins vegar, hvaða eiginleiki þú notar, þú þarft að gera fullt af verkum á hverja síðu sem hefur siglingar á því, að bæta við og fjarlægja eiginleika frá réttu þætti.
Með staðhóluslóð getur þú skrifað leiðsögnina þína en þú vilt og fjarlægðu síðan einfaldlega href eiginleiki úr viðeigandi tengil þegar þú bætir leiðsögninni við síðu. Ég geyma allan flakkalistann minn sem útfærslu í ritstjóra mínum, þannig að það er bara fljótlegt að afrita og síðan eyða href. Þú getur líka fengið CMS til að gera það sama.
Og auk þess að bæta við sérstökum stíl (ég skal sýna þér hvernig hér að neðan) á staðhólfs tengil, er ekki hægt að smella á tengilinn. Þannig að viðskiptavinir verða ekki ruglaðir að hugsa um að þeir gætu fengið eitthvað annað ef þeir smella á siglingalistann þar sem þeir eru nú.
Styling Placeholder Links
Tenglar á plássum eru auðvelt að stilla og stíll öðruvísi en aðrar tenglar á vefsíðunni þinni. Einfaldlega vertu viss um að stilla bæði merkið og tengilinn:. Til dæmis:
a {litur: rauður; leturstærð: feitletrað textaskreyting: ekkert; } a: hlekkur {litur: blár; font-þyngd: eðlilegt; textaskreyting: undirstrika; }Þessi CSS mun gera staðbundnar tenglar feitletrað og rautt, án undirlits. Þótt venjulegir tenglar séu venjulegir, bláar og undirstrikaðar.
Mundu að endurstilla allar stíll sem þú vilt ekki fara yfir frá merkinu. Til dæmis setti ég leturþyngdina á feitletrun fyrir staðhlekkasambandanna, þannig að ég þurfti að setja það á:
font-þyngd: eðlilegt;fyrir venjulegu tengla. Sama er satt með textaskreytingunni, með því að fjarlægja það með vali, þá hefði það verið fjarlægt fyrir tengilinn valtann ef ég hefði ekki sett hana aftur.