Inntil HTML5 ble utgitt, har koden kreves en attributt: href. Men, HTML5 gjør det samme som attributtet valgfritt. Når du skriver a-taggen uten noen attributter, kalles den en plassholder-lenke.
En plassholder-lenke ser slik ut:
Bruke Placeholder Links under utvikling
Nesten hver webdesigner har opprettet plassholderforbindelser på en eller annen gang mens du designer og bygger et nettsted. Før HTML5, ville en programmerer skrive følgende som plassholder:
lenke tekst
Problemet med å bruke en hashtag (#) som en plassholderkobling er at lenken er klikkbar, og dette kan føre til forvirring for kundene dine. Og hvis en utvikler glemmer å oppdatere dem med de riktige nettadressene, vil disse koblingene bare vise den samme siden brukeren er på hvis den klikkes.
I stedet bør du begynne å bruke en koder uten noen attributter. Du kan stile disse slik at de ser ut som alle andre koblinger på siden din, men de vil ikke kunne klikkes fordi de bare er plassholdere.
Bruke Placeholder Links på Live Sites
Plassholder lenker har et sted i webdesign for mer enn bare utvikling. Et sted som en plassholderforbindelse kan skinne er i navigasjonselementer. I mange tilfeller har nettstednavigasjonslister noen måte å indikere hvilken side du er på. Disse kalles ofte "du er her" indikatorer.
De fleste nettsteder er avhengig av id-attributter på elementet som trenger "du er her" -markøren, men noen bruker også klassen attributtet. Uansett hvilken egenskap du bruker, må du gjøre mye ekstra arbeid på hver side som har navigasjonen på det, legge til og fjerne attributten fra de riktige elementene.
Med en plassholderforbindelse kan du skrive din navigasjon, men du vil, og deretter fjerner du href-attributtet fra riktig kobling når du legger til navigasjonen til en side. For utvikling er et raskt tips for å lagre hele navigasjonslisten som en kodestykke i editoren din, så det er bare en rask kopi-lim. Du kan da bare slette href. Du kan også få innholdsstyringssystemet ditt (CMS) til å gjøre det samme.
Styling Placeholder Links
Plassholderforbindelser er enkle å stil og stil annerledes enn de andre linkene på nettsiden din. Bare vær sikker på å stilere både a-taggen og a: link-taggen. For eksempel:
en {farge: rød; font-weight: bold; tekst-dekorasjon: ingen; } a: link {color: blue; font-weight: normal; tekst-dekorasjon: understreke; }
Dette CSS vil gjøre plassholderforbindelser fet og rød, uten understreke. Regelmessige lenker vil være av normal vekt, blå og understreket skjønt.
Husk å tilbakestille alle stiler du ikke vil bli overført fra a-taggen. F.eks. Er skriftvekten satt til fet for plassholderforbindelsene, så du må sette den til:
font-weight: normal;
for standardkoblinger. Det samme gjelder for tekstdekorasjonen. Ved å fjerne den med en velger, ville den ha blitt fjernet for a: lenkevelgeren hvis jeg ikke satte den tilbake.
