Totdat HTML5 werd vrijgegeven, had de tag één kenmerk nodig: href. Maar HTML5 maakt zelfs dat attribuut optioneel. Wanneer u de a-tag zonder attributen schrijft, wordt deze een tijdelijke aanduiding-link genoemd.
Een tijdelijke aanduiding-link ziet er als volgt uit:
Plaatsaanduidingen gebruiken tijdens ontwikkeling
Bijna elke webontwerper heeft op het een of ander moment tijdelijke koppelingen gemaakt bij het ontwerpen en bouwen van een website. Vóór HTML5 zou een programmeur het volgende als tijdelijke aanduiding schrijven:
verbind tekst
Het probleem met het gebruik van een hashtag (#) als tijdelijke aanduiding is dat de link kan worden aangeklikt en dit kan verwarring voor uw klanten veroorzaken. En als een ontwikkelaar vergeet deze bij te werken met de juiste URL's, laten die links gewoon dezelfde pagina zien waarop de gebruiker staat als erop wordt geklikt.
In plaats daarvan moet u beginnen met het gebruik van tags zonder attributen. U kunt deze opmaken als elke andere link op uw pagina, maar ze kunnen niet worden aangeklikt omdat ze slechts tijdelijke aanduidingen zijn.
Gebruik van placeholderlinks op live sites
Placeholder-links hebben een plaats in webdesign voor meer dan alleen ontwikkeling. Een plaats die een tijdelijke aanduiding kan schijnen, is in navigatie-elementen. In veel gevallen hebben websitenavigatielijsten een manier om aan te geven op welke pagina u zich bevindt. Deze worden vaak "u bent hier" -indicatoren genoemd.
De meeste sites vertrouwen op id-kenmerken op het element waarvoor de markering 'you are here' nodig is, maar sommigen gebruiken ook het kenmerk class. Welk kenmerk u ook gebruikt, u moet heel wat extra werk doen op elke pagina waarop de navigatie is uitgevoerd, door het kenmerk toe te voegen en te verwijderen uit de juiste elementen.
Met een tijdelijke aanduidinglink kunt u uw navigatie naar wens schrijven en vervolgens eenvoudig het href-kenmerk uit de betreffende link verwijderen wanneer u de navigatie aan een pagina toevoegt. Voor ontwikkeling is een snelle tip om u te helpen de volledige navigatielijst op te slaan als een codefragment in uw editor, dus het is maar een snelle kopie-plak. U kunt vervolgens gewoon de href verwijderen. U kunt ook uw Content Management Systeem (CMS) gebruiken om hetzelfde te doen.
Stylende placeholder-links
Placeholder-links zijn gemakkelijk te stijlen en anders te stylen dan de andere links op uw webpagina. Zorg ervoor dat u zowel de tag a als de tag a: linkt. Bijvoorbeeld:
een {kleur: rood; lettertype: vet; tekstdecoratie: geen; } a: link {color: blue; font-gewicht: normaal; tekstdecoratie: onderstrepen; }
Deze CSS maakt plaatsaanduidingen links vet en rood, zonder onderstreping. Regelmatige links hebben een normaal gewicht, blauw en onderstreept.
Vergeet niet om alle stijlen die u niet wilt overdragen uit de a-tag opnieuw in te stellen. Het lettertype-gewicht is bijvoorbeeld vetgedrukt voor de tijdelijke aanduiding-links, dus u moet dit instellen op:
font-gewicht: normaal;
voor standaard links. Hetzelfde geldt voor de tekstdecoratie. Door het te verwijderen met de selector, zou het zijn verwijderd voor de a: link selector als ik het niet heb teruggezet.
