En av de främsta skillnaderna mellan webbplatser och andra former av kommunikationsmedier är idén om "länkar", eller hyperlänkar som de är tekniskt kända i webbdesign termer.
Förutom att hjälpa till att göra webben till vad den är idag, är länkar såväl som bilder lättast att lägga till saker på webbsidor. Tack och lov är dessa artiklar enkla att lägga till (bara två grundläggande HTML-taggar) och de kan ge upphetsning och interaktivitet till vad som annars skulle vara vanliga sidor. I den här artikeln kommer du att lära dig mer om (ankar) taggen, som är den faktiska HTML-element används för att lägga till länkar till webbplatsens sidor.
Lägga till länkar
En länk kallas ett ankare i HTML, så taggen som representerar den är A-taggen. Vanligtvis hänvisar folk helt enkelt till dessa tillägg som "länkar", men ankaret är det som faktiskt läggs till på vilken sida som helst.
När du lägger till en länk måste du peka på webbadress som du vill att dina användare ska gå till när de klickar eller trycker på (om de är på en pekskärm) på den länken. Du anger detta med attributet.
De href attribut står för "hypertextreferens" och dess syfte är att diktera webbadressen där du vill att den specifika länken ska gå till. Utan denna information är en länk värdelös eftersom den skulle berätta för webbläsaren att användaren skulle komma någonstans, men det skulle inte ha destinationsinformationen tillgänglig för var den "någonstans" borde vara. Den här taggen och detta attribut går hand i hand.
Du kan länka nästan vad som helst på din HTML-sida, inklusive bilder. Omge bara HTML-elementen eller elementen du vill vara en länk med taggarna och. Du kan också skapa platshållarlänkar genom att utelämna href attribut - men var noga med att gå tillbaka och uppdatera href-informationen senare, annars gör länken faktiskt ingenting när den nås.
HTML5 gör det giltigt att länka element på blocknivå som stycken och DIV element. Du kan lägga till en ankarmärke runt ett mycket större område, som en uppdelnings- eller definitionslista, och hela området kommer att vara "klickbart". Detta kan vara särskilt användbart när du försöker skapa större, fingervänliga träffområden på en webbplats.
Några saker att komma ihåg när du lägger till länkar
- Den sista taggen är nödvändig. Om du glömmer att inkludera det kommer allt som följer den länken också att länkas tills en annan länk stänger taggen.
- För det mesta är det bäst att länka enstaka bilder och korta textomfång, snarare än stora textblock. Länkar kan lägga till färger och understryka stilar på din sida som kan vara svåra att läsa. Naturligtvis kan du använda CSS för att ändra dessa länkstilar och redigera färger eller ta bort understrykningar, men det är fortfarande bra att vara medveten om denna verklighet.
- Se till att kontrollera dina länkar så att de inte går dåligt. Länkrot kan göra att både användare och sökmotorer anser att din webbplats är ogiltig. Använd en länkkontroll regelbundet för att verifiera länkarna på dina sidor. Detta gäller särskilt när du länkar till webbplatser från tredje part (sådana som du inte hanterar) och som kan ändra deras sidors övertid, vilket ger dig döda länkar. En länkkontroll hittar dessa döda länkar så att du kan göra nödvändiga uppdateringar.
- Undvik text som "klicka här" i din länk. Kom ihåg att personer med pekskärmar inte kan "klicka", så att texten känns som en produkt från en tidigare tid och verkligen inte är relevant i dagens centrala webb med flera enheter.
Andra intressanta typer av länkar
De A element skapar en standardlänk till ett annat dokument, men det finns andra typer av länkar som du kanske är intresserad av:
- Interna länkar eller ankare: Det här är länkar till någonstans på en webbsida, inte nödvändigtvis till toppen.
- Bildkartor: Med bildkartor kan du skapa länkar till bilder som mappas till specifika delar av bilden. Dessa kan användas för spel eller kreativ navigering. Du ser dem ofta med kartor där områden på kartan är klickbara. Observera att bildkartor inte används på de flesta moderna webbplatser, delvis på grund av de kan orsaka problem på mobila enheter.
- Elementet: Detta element används för att relatera andra dokument och sidor till det aktuella. Det skapar inte ett klickbart område på din webbsida, men det är användbart att förstå.