Până când a fost lansat HTML5, eticheta a solicitat un atribut: href. Dar, HTML5 face chiar atributul opțional. Când scrieți o etichetă fără atribute, se numește un link cu substituent.
Un link placeholder arată astfel:
Folosirea legăturilor de substituire în timpul dezvoltării
Aproape fiecare designer de web a creat legături cu substituent la un moment dat sau altul în timp ce proiectarea și construirea unui site web. Înainte de HTML5, un programator ar scrie următorul text ca înlocuitor:
link text
Problema cu utilizarea unui hashtag (#) ca legătură substituent este că link-ul este clickabil, iar acest lucru poate provoca confuzie pentru clienții dvs. Și dacă un dezvoltator uită să le actualizeze cu adresele URL corecte, acele linkuri vor afișa pur și simplu aceeași pagină pe care este utilizatorul dacă este clic.
În schimb, ar trebui să începeți să utilizați o etichetă fără atribute. Poți să le faci stil ca să arăți ca orice alt link de pe pagina ta, dar nu vor putea face clic, pentru că sunt doar substituenți.
Utilizarea legăturilor cu locurile de substituire pe site-urile Live
Dispozitivul de legătură are un loc în designul web pentru mai mult decât dezvoltarea. Un loc pe care o legătură de tip placeholder poate străluci este în elementele de navigație. În multe cazuri, listele de navigare de pe site-ul Web au o anumită modalitate de a indica care este pagina pe care vă aflați. Acestea sunt adesea numite indicatori "sunteți aici".
Majoritatea site-urilor se bazează pe atributele id pe elementul care are nevoie de marcatorul "sunteți aici", dar unii utilizează și atributul de clasă. Cu toate acestea, indiferent de atributul pe care îl utilizați, trebuie să faceți o mulțime de lucrări suplimentare pentru fiecare pagină care are navigarea pe ea, adăugând și eliminând atributul din elementele corecte.
Cu un link placeholder, puteți să vă scrieți navigația oricum doriți și apoi să eliminați atributul href din link-ul corespunzător atunci când adăugați navigația la o pagină. Pentru dezvoltare, un sfat rapid care vă ajută este să stocați întreaga listă de navigare ca fragment de cod în editorul dvs., deci este doar o copiere rapidă-pastă. Apoi puteți șterge pur și simplu href-ul. De asemenea, puteți obține sistemul dvs. de gestionare a conținutului (CMS) pentru a face același lucru.
Styling Placeholder Links
Dispozitivul "link-uri" este ușor de stil și de stil diferit față de celelalte linkuri de pe pagina dvs. web. Pur și simplu asigurați-vă că ați stil atât tag-ul a, cât și eticheta a: link. De exemplu:
a {culoare: roșu; font-weight: bold; text-decoration: nici unul; } a: link {culoare: albastru; font-weight: normal; text-decorare: subliniere; }
Acest CSS va face link-uri placeholder bold și roșu, fără subliniere. Legăturile regulate vor avea o greutate normală, albastră și vor fi subliniate.
Nu uitați să resetați toate stilurile pe care nu doriți să le transferați din etichetă. De exemplu, greutatea font-ului este setată îngroșată pentru legăturile substituentului, deci va trebui să o setați la:
font-weight: normal;
pentru legături standard. Același lucru este valabil și pentru decorarea textului. Prin eliminarea acestuia cu selectorul a, ar fi fost eliminat pentru selectorul de link-uri a: dacă nu l-am pus înapoi.
