HTML5 vietos žymiklio nuorodų pradedančiųjų vadovas

Kas yra "HTML5" žymeklio nuorodos?

IDUp iki HTML5, žyma reikalauja vieno atributo: href. Tačiau HTML5 daro net šį atributą neprivaloma. Kai rašote žymę be jokių atributų, ji vadinama užpildytojo nuoroda.

Talpyklos nuoroda atrodo taip:

Ankstesnis

Naudojant "Placeholder" nuorodas kūrimo metu

Beveik kiekvienas interneto dizaineris sukūrė ir kuria tinklalapį, sukūręs ir kurdamas tinklalapį. Prieš HTML5 mes rašome:

nuorodos tekstas

kaip rezervuaru. Aš išsiuntėme maketo rinkmenas klientams su tais vietomis, kad klientas galėtų paklausti "kodėl tekste nuorodos neveikia?"

Problema naudojant hashtag (#) kaip rezervo nuorodą yra tai, kad nuoroda yra paspaudžiama, o tai gali sukelti painiavą jūsų klientams. O jei kas nors pamiršta juos atnaujinti naudodamas teisingus URL, tie saitai gali būti rodomi neveikiančioje svetainėje, nes jie nesusieti su niekuo.

Vietoj to, turėtumėte pradėti naudoti žymes be jokių atributų. Galite stiliaus, kad jie atrodytų kaip bet kokia kita jūsų puslapio nuoroda, tačiau jie nebus spustelėti, nes jie yra tik vietovardžiai.

"Placeholder" nuorodų naudojimas tiesioginėse svetainėse

Bet vietovardžių nuorodos interneto dizaino vieta yra daugiau nei tik kūrimas. Viena vieta, kur gali užklijuoti rezervuaro saitas, yra navigacijoje. Daugeliu atvejų svetainių navigacijos sąrašuose yra tam tikras būdas nurodyti, į kurį puslapį esate. Šie rodikliai dažnai vadinami "esate čia".

Daugelis svetainių remiasi elementų, kurie turi "jūs esate" žymeklį, ID atributų, tačiau kai kurie naudoja ir klasės atributus. Tačiau, nepriklausomai nuo atributo, kurį naudojate, turite atlikti daugybę darbų kiekviename puslapyje, kuriame yra navigacija, pridedant ir pašalinant atributą iš teisingų elementų.

Naudodamiesi žymeklio nuoroda, galite parašyti savo navigaciją, tačiau norėtumėte, o tada, kai pridėsite naršymą prie puslapio, tiesiog pašalinkite atributą href iš atitinkamos nuorodos. Mano redaktoriuje laikau visą mano naršymo sąrašą kaip fragmentą, todėl tai tiesiog greita kopijavimo įklija ir tada ištrinkite href. Taip pat galite gauti savo CMS tą patį.

Be to, pridėjus specialų stilių (aš parodysiu, kaip toliau) į rezervo nuorodą, nuoroda netikslinama. Taigi, klientai nesupainiami manydami, kad jie gali gauti kažką kito, jei jie spustelėja navigacijos nuorodą, kurioje jie šiuo metu yra.

Stiliaus vietos žymių nuorodos

"Placeholder" nuorodos yra lengvai stiliaus ir stiliaus skiriasi nuo kitų nuorodų jūsų tinklalapyje. Tiesiog įsitikinkite, kad sukursite tiek žymą, tiek nuorodą: nuorodą. Pavyzdžiui:

a {spalva: raudona; šrifto svoris: paryškintas; teksto apdaila: nėra; } a: link {color: blue; šrifto svoris: normalus; teksto apdaila: pabrėžti; }

Šis CSS padarys žymeklio nuorodą tuščią ir raudoną, be paryškinimo. Nors reguliarūs ryšiai bus įprasto svorio, mėlyni ir pabraukti.

Nepamirškite atkurti jokių stilių, kurių nenorite perkelti iš žymos. Pavyzdžiui, šriftų šrifto svorį nustatėu už vietinio turinio saitus, todėl turėjau jį nustatyti:

šrifto svoris: normalus;

standartinėms nuorodoms. Tas pats pasakytina ir su teksto apdaila, pašalinus ją pasirinkikliu, ji būtų pašalinta a: nuorodų parinkikliui, jei aš jo nepalikčiau.