Pana cand HTML5 a fost lansat, eticheta a necesitat una atribut: href. Dar, HTML5 face ca și acel atribut să fie opțional. Când scrieți eticheta fără niciun atribut, aceasta se numește link de substituent.
Un link de substituent arată astfel:
Anterior
Utilizarea linkurilor de substituent în timpul dezvoltării
Aproape fiecare designer de web a creat linkuri de substituent la un moment dat proiectarea și construirea unui site web. Înainte de HTML5, un programator ar scrie următoarele ca substituent:
textul legăturii
Problema utilizării unui hashtag (#) deoarece un link de substituent înseamnă că linkul poate fi făcut clic și 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 se află utilizatorul dacă a făcut clic.
În schimb, ar trebui să începeți să utilizați etichete fără niciun atribut. Puteți să le aranjați să arate ca orice alt link de pe pagina dvs., dar nu vor putea fi făcute clic, deoarece sunt doar substituenți.
Utilizarea link-urilor de substituent pe site-uri live
Linkurile substituente au un loc în designul web pentru mai mult decât doar dezvoltare. Un loc pe care un link de substituent poate să-l strălucească este în elementele de navigație. În multe cazuri, listele de navigare a site-ului web au un mod de a indica pe ce pagină vă aflați. Aceștia sunt adesea numiți indicatori „sunteți aici”.
Majoritatea site-urilor se bazează pe atribute id pe elementul care are nevoie de marcatorul „ești aici”, dar unii folosesc și atributul de clasă. Cu toate acestea, indiferent de atributul pe care îl utilizați, trebuie să faceți o mulțime de muncă suplimentară la fiecare pagină care are navigarea pe ea, adăugând și eliminând atributul din elementele corecte.
Cu un link substituent, vă puteți scrie navigarea oricum doriți și apoi pur și simplu eliminați atributul href din linkul corespunzător atunci când adăugați navigarea la o pagină. Pentru dezvoltare, un sfat rapid care vă ajută este să stocați întreaga listă de navigare ca un fragment de cod în editorul dvs., deci este doar o copiere rapidă. Apoi, puteți șterge pur și simplu href. De asemenea, puteți face ca sistemul dvs. de gestionare a conținutului (CMS) să facă același lucru.
Stilul linkurilor substituent
Linkurile substituente sunt ușor de stilat și stilat diferit de celelalte linkuri de pe pagina dvs. web. Pur și simplu asigurați-vă că stilizați atât eticheta a, cât și eticheta a: link. De exemplu:
A {
culoarea rosie;
font-weight: bold;
decor-text: nici unul;
}
o legătură {
Culoarea albastra;
font-weight: normal;
decorare text: subliniat;
}
Acest CSS va face legăturile de substituent îndrăznețe și roșii, fără subliniat. Legăturile obișnuite vor avea greutate normală, albastre și subliniate.
Nu uitați să resetați oricare stiluri nu doriți să fiți preluați din eticheta a. De exemplu, greutatea fontului este setată la bold pentru linkurile substituente, deci pentru linkurile standard, va trebui să o setați la:
font-weight: normal;
Același lucru este valabil și cu decor-text. Eliminându-l cu selectorul a, ar fi fost eliminat pentru selectorul a: link dacă nu l-am fi pus înapoi.