En af de primære differentiatorer mellem hjemmesider og andre former for kommunikationsmedier er ideen om "links" eller hyperlinks, da de er teknisk kendt i webdesignbetingelser.
Ud over at hjælpe med at gøre internettet til det, det er i dag, er links, såvel som billeder, det mest almindeligt at tilføje ting på websider. Heldigvis er disse elementer let at tilføje (kun to grundlæggende HTML-tags), og de kan bringe spænding og interaktivitet til hvad ellers ville være almindelige tekst sider. I denne artikel lærer du om (anker) -tagget, hvilket er det egentlige HTML-element, der bruges til at tilføje links til hjemmesider.
Tilføjelse af links
Et link hedder et anker i HTML, og så er tagget for at repræsentere det A-mærket. Normalt henviser folk blot til disse tilføjelser som "links", men ankeret er, hvad der faktisk tilføjes til enhver side.
Når du tilføjer et link, skal du pege på den websideadresse, du vil have, brugerne skal hen til, når de klikker eller trykker på (hvis de er på en berøringsskærm), der linker. Du angiver dette med attributten.
Det href attribut står for "hypertext reference" og dens formål er at diktere den webadresse, hvor du vil have det pågældende link til at gå til. Uden disse oplysninger er et link ubrugeligt - det ville fortælle browseren, at brugeren skulle bringes et sted, men det ville ikke have destinationsoplysningerne tilgængelige for hvor det "et sted" skulle være. Dette mærke og denne attribut går hånd i hånd.
For eksempel, for at oprette en tekstlink, skriver du:
Tekst, der vil være linket
Så for at linke til websiden About.com Web Design / HTML, skriver du:
Lifewire
Du kan linke næsten alt i din HTML-side, herunder billeder. Du skal blot omgive de HTML-elementer eller elementer, du vil være et link til
og tags. Du kan også oprette pladsholderforbindelser ved at forlade href attribut - men bare sørg for at gå tilbage og opdatere href-oplysningerne senere, eller linket vil faktisk ikke gøre noget, når det er tilgængeligt.
HTML5 gør det gyldigt at forbinde blokniveauelementer som afsnit og DIV elementer. Du kan tilføje et ankermærke rundt om et meget større område, som en division eller definitionsliste, og hele området bliver "klikbart". Dette kan være særligt nyttigt, når du forsøger at skabe større, finger-venlige hitområder på et websted.
Nogle ting at huske, når du tilføjer links
- Finalen tag er påkrævet. Hvis du glemmer at inkludere det, vil alt, der følger det link, også forbindes, indtil et andet link lukker mærket.
- For det meste er det bedst at forbinde enkeltbilleder og korte spændinger af tekst, snarere end store tekstblokke. Links kan tilføje farver og understrege stilarter til din side, der kan være svært at læse. Selvfølgelig kan du bruge CSS til at ændre disse links stilarter og redigere farver eller fjerne understreger, men det er stadig godt at være opmærksom på denne realitet.
- Sørg for at kontrollere dine links, så de ikke går dårlige. Link Rot kan få både brugere og søgemaskiner til at overveje, at dit websted er ugyldigt. Brug en linkcheck regelmæssigt til at bekræfte linkene på dine sider. Dette er især tilfældet, når du linker til tredjepartssites (de, du ikke klarer), og som kan ændre deres sider overtid, hvilket giver dig døde link. En link checker finder disse døde links, så du kan foretage de nødvendige opdateringer.
- Undgå tekst som "klik her" i dit link. Husk, at folk med berøringsskærme ikke kan "klikke", så teksten føles som et produkt fra en tidligere æra, og det er virkelig ikke relevant i dagens multifunktionscentriske web.
Andre interessante typer af links
Det EN element opretter et standard link til et andet dokument, men der er andre typer af links, som du måske er interesseret i:
- Interne links eller ankre - Disse er links til et sted inden for en webside, ikke nødvendigvis toppen.
- Billedkort - Billedkort giver mulighed for at oprette links på billeder, der er kortlagt til bestemte områder af billedet. Disse kan bruges til spil eller kreativ navigation. Du kan ofte se dem med kort, hvor områder på kortet er klikbare. Bemærk, at billedkort ikke bruges på de fleste moderne websites, bl.a. fordi de kan forårsage problemer på mobilenheden.
- Elementet - Dette element bruges til at relatere andre dokumenter og sider til den aktuelle. Det skaber ikke et klikbart område på din webside, men det er nyttigt at forstå.
