Det lyder mystisk, men det er faktisk virkelig smart.
Til jer, der ikke ved hvad et ankerlink er… Et ankerlink er en mulighed for at lave et link til indhold længere nede på en side. Normalt, så kan man sætte “et anker” et sted på en side og så kan man lave et link dertil.
Det er en smart funktion, hvis du har noget relevant indhold, du gerne vil linke direkte til. Men nu er der faktisk kommet en endnu smartere funktion. Du kan lave links ned til specifikt indhold på en side – helt uden, at skulle sætte et anker først. Det betyder også, at du kan dele links til andre hjemmesider og fører vedkommende ned til det relevante indhold – helt uden, at skulle have adgang til at sætte et anker.
Prøv f.eks. at se dette link: https://nordiccustommade.dk/#:~:text=nyhedsbrev – det sender dig til vores forside og ned til footeren, hvor vores nyhedsbrevsformular ligger.
Vil du selv lave disse link, så skal du bare finde adressen til den relevante side og derefter sætte følgende bagved: /#:~:text=[den tekst du vil linke til] – altså uden [ ] og med din egen tekst 😉
BrowserenBrowseren er den som man ser hjemmesiden igennem. Eksempler på browsere er Chrome, Edge, Firefox og Safari. Mere fremhæver selve teksten med en farve og det er muligt, ved hjælp af CSSCSS (Cascading Style Sheets) er et sprog, der bruges til at style websider. Det er som en slags tøj, som en webdesigner... Mere, at ændre denne farve. Det har vi gjort på vores egen side.
Alle moderne browserBrowseren er den som man ser hjemmesiden igennem. Eksempler på browsere er Chrome, Edge, Firefox og Safari. Mere med undtagelse af Safari understøtter i dag denne CSS-funktion. Safari er ved tilføje den, men foreløbig er den kun tilgængelig i deres Preview browserBrowseren er den som man ser hjemmesiden igennem. Eksempler på browsere er Chrome, Edge, Firefox og Safari. Mere – du kan se statussen her: https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments#css.selectors.target-text
Her er et eksempel på koden vi har brugt, til at ændre farven:
::target-text {
background-color: #bfcdc6;
color: #000000;
}