Indtil HTML5 blev udgivet, har taggen krævet en attribut: href. Men HTML5 gør selv den attribut valgfri. Når du skriver a-mærket uden nogen attributter, kaldes det en pladsholder-link.
En pladsholderlink ser sådan ud:
Brug af Placeholder Links under udvikling
Næsten alle webdesignere har skabt pladsholderforbindelser på et eller andet tidspunkt, mens designe og opbygge en hjemmeside. Før HTML5, ville en programmør skrive følgende som stedholder:
linktekst
Problemet med at bruge en hashtag (#) som en pladsholderlink er, at linket kan klikkes, og det kan skabe forvirring for dine kunder. Og hvis en udvikler glemmer at opdatere dem med de korrekte webadresser, viser disse links simpelthen den samme side brugeren er på, hvis den klikkes.
I stedet skal du begynde at bruge en tags uden nogen attributter. Du kan style disse til at ligne et hvilket som helst andet link på din side, men de vil ikke kunne klikkes, fordi de bare er pladsholdere.
Brug af Placeholder Links på Live Sites
Placeholder links har et sted i webdesign til mere end bare udvikling. Et sted, hvor en pladsholderlink kan skinne, er i navigationselementer. I mange tilfælde har navigationslister på hjemmesiden nogen måde at angive, hvilken side du er på. Disse kaldes ofte "du er her" indikatorer.
De fleste steder er afhængige af id attributter på elementet, der har brug for markøren "du er her", men nogle bruger også klassen attributten. Uanset hvilken attribut du bruger, skal du gøre en masse ekstra arbejde på hver side, der har navigationen på det, tilføje og fjerne attributten fra de rigtige elementer.
Med en pladsholder-link kan du skrive din navigation, men du vil, og så skal du blot fjerne href-attributten fra det relevante link, når du tilføjer navigationen til en side. Til udvikling er et hurtigt tip at hjælpe med at gemme hele navigationslisten som en kodestykke i din editor, så det er bare en hurtig kopi-indsæt. Du kan så blot slette href. Du kan også få dit indholdsstyringssystem (CMS) til at gøre det samme.
Styling Placeholder Links
Placeholder-links er lette at style og stil anderledes end de andre links på din webside. Du skal blot være sikker på at style både a-tagget og linket a:. For eksempel:
en {farve: rød; font-weight: bold; tekst dekoration: ingen; } a: link {farve: blå; skrifttype-vægt: normal; tekst-dekoration: understrege; }
Denne CSS vil gøre pladsholder links fed og rød, uden understrege. Regelmæssige links vil være af normal vægt, blå og understreget selv.
Husk at nulstille alle stilarter, du ikke ønsker at blive overført fra a-mærket. F.eks. Er skrifttypens vægt indstillet til fed til stedholderlinkene, så du skal indstille den til:
skrifttype-vægt: normal;
for standard links. Det samme gælder for tekstindretningen. Ved at fjerne det med en vælger, ville det være blevet fjernet for a: linkvælgeren, hvis jeg ikke satte den tilbage.
