Innan HTML5 släpptes, måste taggen ha ett attribut: href. Men, HTML5 gör även det attributet tillval. När du skriver en tagg utan några attribut kallas det en platshållare länk.
En platshållarlänk ser ut så här:
Använda Placeholder Links under utveckling
Nästan varje webbdesigner har skapat platshållarlänkar vid en eller annan tidpunkt när man utformar och bygger en webbplats. Innan HTML5 skulle en programmerare skriva följande som platshållare:
länk text
Problemet med att använda en hashtag (#) som en platshållare länk är att länken är klickbar, vilket kan orsaka förvirring för dina kunder. Och om en utvecklare glömmer att uppdatera dem med rätt webbadresser, kommer de här länkarna helt enkelt visa samma sida som användaren är på om den klickas.
Istället bör du börja använda en taggar utan några attribut. Du kan utforma dessa för att se ut som vilken som helst annan länk på din sida, men de kommer inte att klickas, eftersom de bara är platshållare.
Använda Placeholder Länkar på Live Sites
Plattforms länkar har en plats i webbdesign för mer än bara utveckling. Ett ställe som en platshållare länk kan skina är i navigeringselement. I många fall har webbplatsnavigationslistor något sätt att ange vilken sida du är på. Dessa kallas ofta "du är här" indikatorer.
De flesta webbplatser är beroende av id-attribut på elementet som behöver markören "du är här", men vissa använder också klassattributet. Men oavsett attribut du använder, måste du göra mycket extra arbete på varje sida som har navigeringen på den, lägga till och ta bort attributet från de rätta elementen.
Med en platshållarlänk kan du skriva din navigering men du vill, och ta sedan bort href-attributet från lämplig länk när du lägger till navigeringen till en sida. För utveckling är ett snabbt tips att hjälpa till att lagra hela navigationslistan som en kodbit i din redaktör, så det är bara en snabb kopia-klistra in. Du kan då enkelt radera href. Du kan också få ditt innehållshanteringssystem (CMS) att göra samma sak.
Styling Placeholder Links
Plattformsförbindelser är lätta att stila och utformar annorlunda än de andra länkarna på din webbsida. Var noga med att utforma både a-taggen och a-länken. Till exempel:
en {färg: röd; font-weight: bold; text-dekoration: ingen; } a: länk {färg: blå; typsnitt: normal; text-dekoration: understryka; }
Denna CSS kommer att göra platshållare länkar fet och röd, utan understruk Regelbundna länkar kommer att vara av normal vikt, blå och understruken.
Kom ihåg att återställa alla stilar du inte vill överföras från a-taggen. Exempelvis är teckensnittet inställt på fetstil för platshållarlänkarna, så du måste ställa in den till:
typsnitt: normal;
för standardlänkar. Samma sak gäller textdekorationen. Genom att ta bort den med en väljare, skulle den ha tagits bort för länken väljaren om jag inte lade tillbaka den.
