En av de främsta differentierarna mellan webbplatser och andra former av kommunikationsmedia är idén om "länkar" eller hyperlänkar som de är tekniskt kända i webbdesign.
Förutom att hjälpa till att göra webben vad det är idag, är länkar, såväl som bilder, de vanligaste att lägga till saker på webbsidor. Tack och lov är dessa objekt lätt att lägga till (bara två grundläggande HTML-taggar) och de kan ge spänning och interaktivitet till vad som annars skulle vara vanliga textsidor. I den här artikeln kommer du att lära dig om (ankar) -taggen, vilket är det faktiska HTML-elementet som används för att lägga till länkar till webbsidor.
Lägga till länkar
En länk kallas ett ankare i HTML, och så är taggen för att representera den A-taggen. Vanligtvis refererar folk bara till dessa tillägg som "länkar", men ankaren är vad som faktiskt läggs till på en sida.
När du lägger till en länk måste du peka på den webbadressadress som du vill att användarna ska gå till när de klickar på eller knackar på (om de är på en pekskärm) som länkar. Du anger detta med attributet.
De href attributet 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 - det skulle berätta för webbläsaren att användaren borde komma någonstans, men den skulle inte ha destinationsinformation tillgänglig för var den "någonstans" borde vara. Den här taggen och det här attributet går hand i hand.
Till exempel, för att skapa en textlänk skriver du:
Text som kommer att vara länken
Så att länka till About.com Web Design / HTML hemsida skriver du:
Lifewire
Du kan länka nästan vad som helst på din HTML-sida, inklusive bilder. Helt enkelt omger HTML-elementen eller elementen du vill vara länk till
och taggar. Du kan också skapa platshållarlänkar genom att lämna ut href attribut - men bara var säker på att gå tillbaka och uppdatera href-informationen senare eller länken kommer inte att göra någonting när den nås.
HTML5 gör det giltigt att länka blocknivåelement som punkter och DIV element. Du kan lägga till en ankaremärke runt ett mycket större område, som en division eller en 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 man lägger till länkar
- Den slutliga taggen är nödvändig. Om du glömmer att inkludera det, kommer allt som följer den länken också att kopplas till en annan länk stänger taggen.
- För det mesta är det bäst att länka enstaka bilder och korta texter i stället för 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änkar stilar och redigera färger eller ta bort understreck, men det är fortfarande bra att vara uppmärksam på denna verklighet.
- Var noga med att kolla dina länkar så att de inte går illa. Link Rot kan göra att både användare och sökmotorer anser din webbplats ogiltig. Använd regelbundet länkkontroll för att verifiera länkarna på dina sidor. Detta gäller speciellt när du länkar ut till tredje parts webbplatser (de som du inte klarar av) och som kan ändra sina sidor övertid och lämnar dig med döda länkar. En länk checker 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 era och är verkligen inte relevant i dagens centralsystem med flera enheter.
Andra intressanta typer av länkar
De en element skapar en standardlänk till ett annat dokument, men det finns andra typer av länkar som du kanske är intresserade av:
- Interna länkar eller ankare - Det här är länkar till någonstans inom en webbsida, inte nödvändigtvis toppen.
- Bildkartor - Bildkartor låter för att skapa länkar på bilder som är mappade 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 för att de kan orsaka problem på mobilenheten.
- Elementet - Detta element används för att relatera andra dokument och sidor till den aktuella. Det skapar inte ett klickbart område på din webbsida, men det är användbart att förstå.
