Før HTML5 ble gitt ut, har taggen krevd en Egenskap: href. Men HTML5 gjør selv den attributtet valgfri. Når du skriver taggen uten attributter, kalles den en plassholderlink.
En plassholderlink ser slik ut:
Tidligere
Bruke plassholderlenker under utvikling
Nesten alle webdesignere har opprettet lenker til plassholdere på en eller annen gang utforme og bygge et nettsted. Før HTML5 ville en programmerer skrive følgende som plassholder:
lenke tekst
Problemet med å bruke en emneknagg (#) som en plassholderlink er at lenken er klikkbar, og dette kan forårsake forvirring for dine kunder. Og hvis en utvikler glemmer å oppdatere dem med de riktige nettadressene, vil disse koblingene ganske enkelt vise den samme siden brukeren er på hvis de blir klikket.
I stedet bør du begynne å bruke koder uten attributter. Du kan utforme disse slik at de ser ut som alle andre lenker på siden din, men de kan ikke klikkes fordi de bare er plassholdere.
Bruke plassholderkoblinger på direktesider
Plassholderlinker har plass i webdesign for mer enn bare
utvikling. Et sted som en plassholderlink kan skinne er i navigasjonselementer. I mange tilfeller har nettstedsnavigasjonslister en eller annen måte å indikere hvilken side du er på. Disse kalles ofte "du er her" indikatorer.De fleste nettsteder stole på id-attributter på elementet som trenger "du er her" -markøren, men noen bruker også klasseattributtet. Uansett hvilken attributt du bruker, må du gjøre mye ekstra arbeid på hver side som har navigasjonen, og legge til og fjerne attributtet fra de riktige elementene.
Med en plassholderlenke kan du skrive navigasjonen din slik du vil, og deretter bare fjerne href-attributtet fra den aktuelle lenken når du legger til navigasjonen på en side. For utvikling er et raskt tips for å hjelpe til å lagre hele navigasjonslisten som en kodebit i redigeringsprogrammet, så det er bare en rask kopi-lim. Du kan da bare slette href. Du kan også få innholdsstyringssystemet (CMS) til å gjøre det samme.
Styling Placeholder Links
Plassholderlinker er enkle å style og style annerledes enn de andre linkene på websiden din. Bare vær sikker på å style både taggen og a: link-taggen. For eksempel:
en {
fargen rød;
skriftvekt: fet;
tekstdekorasjon: ingen;
}
en kobling {
farge: blå;
skriftvekt: normal;
tekstdekorasjon: understrek;
}
Dette CSS vil gjøre plassholderkoblinger fet og røde uten understreking. Vanlige koblinger vil være av normal vekt, blå og understreket.
Husk å tilbakestille eventuelle stiler du vil ikke bli overført fra en tag. For eksempel er skriftvekten satt til fet for plassholderkoblingene, så for standardlenker må du sette den til:
skriftvekt: normal;
Det samme gjelder med tekstdekorasjon. Ved å fjerne den med a-velgeren, ville den blitt fjernet for a: link-velgeren hvis vi ikke satte den tilbake.