Kuni HTML5 vabastati, silt vajab seda atribuut: href. Kuid HTML5 muudab isegi selle atribuudi valikuliseks. Kui kirjutate märgendit ilma atribuutideta, nimetatakse seda kohahoidja lingiks.
Kohatäite link näeb välja selline:
Eelmine
Kohatäite linkide kasutamine arenduse ajal
Peaaegu iga veebidisainer on loonud kohatäite lingid veebisaidi kujundamine ja ehitamine. Enne HTML5 kirjutab programmeerija kohatäitjana järgmise:
lingi tekst
A kasutamisega seotud probleem hashtag (#) kohatäite link on see, et lingil saab klõpsata ja see võib teie klientidele segadust tekitada. Ja kui arendaja unustab neid õigete URL-idega värskendada, näitavad need lingid klõpsamisel lihtsalt sama lehte, kus kasutaja asub.
Selle asemel peaksite kasutama silte ilma atribuutideta. Võite need kujundada nii, et need sarnaneksid mis tahes muu lehe lingiga, kuid neid ei saa klõpsata, kuna need on lihtsalt kohatäited.
Kohatäidete linkide kasutamine reaalajas saitidel
Kohahoidja linkidel on veebidisainis koht enamat kui lihtsalt
arengut. Üks koht, mida kohahoidja link võib särada, on navigeerimiselementides. Paljudel juhtudel on veebisaitide navigeerimisloendites mingil moel võimalik näidata, millisel lehel olete. Neid nimetatakse sageli näitajateks “sa oled siin”.Enamik saite tugineb id atribuudid elemendil, mis vajab markerit „sa oled siin”, kuid mõned kasutavad ka klassi atribuuti. Ükskõik, millist atribuuti te kasutate, peate tegema palju lisatööd igale lehele, millel on navigeerimine, lisades ja eemaldades atribuudi õigetest elementidest.
Kohatäite lingi abil saate oma navigeerimise kirjutada nii, nagu soovite, ja seejärel eemaldage lehele navigeerimise lisamisel lihtsalt atribuut href vastavast lingist. Arenduse jaoks on kiire näpunäide kogu navigeerimisloendi salvestamine redaktoris koodilõiguna, nii et see on lihtsalt kiire kopeerimine. Seejärel saate hrefi lihtsalt kustutada. Võite ka oma sisuhaldussüsteemi (CMS) teha sama asja.
Kohahoidja linkide kujundamine
Kohahoidja linke on lihtne stiilida ja kujundada erinevalt teistest teie veebisaidi linkidest. Lihtsalt kindlasti stiilige nii silt kui ka a: link silt. Näiteks:
a {
värv: punane;
fondi kaal: paks;
teksti kaunistamine: puudub;
}
a: link {
värv: sinine;
fondi kaal: normaalne;
teksti kaunistamine: allajoonimine;
}
See CSS muudab kohatäite lingid paksuks ja punaseks, allajoonimata. Tavalised lingid on normaalkaaluga, sinised ja allajoonitud.
Ärge unustage mis tahes lähtestada stiilid te ei soovi, et teid sildilt üle kantaks. Näiteks on font-weight kohatäite linkide jaoks rasvane, nii et standardsete linkide jaoks peate selle määrama järgmiselt:
fondi kaal: normaalne;
Sama lugu on ka teksti kaunistamine. Eemaldades selle selektoriga, oleks see eemaldatud a: link-valija jaoks, kui me seda tagasi ei paneks.