Så længe HTML5 blev frigivet, har tagget krævet en attribut: href. Men HTML5 gør selv den attribut valgfri. Når du skriver tagget uden attributter, kaldes det et pladsholderlink.
Et pladsholderlink ser sådan ud:
Tidligere
Brug af pladsholderlinks under udvikling
Næsten hver webdesigner har skabt pladsholderlink på et eller andet tidspunkt design og opbygning af et websted. Før HTML5 ville en programmør skrive følgende som pladsholder:
linktekst
Problemet med at bruge en hashtag (#) som et pladsholderlink er, at linket er klikbart, og dette kan forårsage forvirring for dine kunder. Og hvis en udvikler glemmer at opdatere dem med de korrekte webadresser, viser disse links simpelthen den samme side, som brugeren er på, hvis der klikkes på.
I stedet skal du begynde at bruge tags uden attributter. Du kan style disse, så de ligner ethvert andet link på din side, men de kan ikke klikkes, fordi de bare er pladsholdere.
Brug af pladsholderlink på live-websteder
Pladsholderlinks har en plads i webdesign for mere end bare
udvikling. Et sted, som et pladsholderlink kan skinne, er i navigationselementer. I mange tilfælde har webstedsnavigationslister en eller anden måde at angive, hvilken side du er på. Disse kaldes ofte "du er her" indikatorer.De fleste websteder er afhængige af id-attributter på det element, der har brug for markøren "du er her", men nogle bruger også attributten klasse. Uanset hvilken attribut du bruger, skal du dog gøre en masse ekstra arbejde på hver side, der har navigationen på, ved at tilføje og fjerne attributten fra de korrekte elementer.
Med et pladsholderlink kan du skrive din navigation, hvordan du vil, og derefter blot fjerne href-attributten fra det relevante link, når du tilføjer navigationen til en side. Til udvikling er et hurtigt tip til at hjælpe med at gemme hele navigationslisten som et kodestykke i din editor, så det er bare en hurtig kopipasta. Du kan derefter bare slette href. Du kan også få dit indholdsstyringssystem (CMS) til at gøre det samme.
Styling Placeholder Links
Pladsholderlinks er nemme at style og style anderledes end de andre links på din webside. Bare vær sikker på at style både et tag og a: link tag. For eksempel:
en {
farve: rød;
font-vægt: fed;
tekst-dekoration: ingen;
}
et link {
farve: blå;
font-vægt: normal;
tekst-dekoration: understreg;
}
Det her CSS vil gøre pladsholderlink fed og rød uden understregning. Almindelige links har dog normal vægt, blå og understregede.
Husk at nulstille enhver stilarter du ikke ønsker at blive overført fra et tag. F.eks. Er fontvægten sat til fed for pladsholderlinkene, så for standardlinks skal du indstille den til:
font-vægt: normal;
Det samme gælder for tekst-dekoration. Ved at fjerne det med a-vælgeren, ville det være fjernet for a: link-vælgeren, hvis vi ikke satte det tilbage.