En af de primære forskelle mellem websteder og andre former for kommunikationsmedier er ideen om "links", eller hyperlinks som de er teknisk kendt i form af webdesign.
Ud over at hjælpe med at gøre Internettet til det, det er i dag, er links såvel som billeder let den mest almindelige tilføjelse af ting på websider. Heldigvis er disse emner nemme at tilføje (kun to grundlæggende HTML-tags) og de kan bringe spænding og interaktivitet til hvad der ellers ville være sider med almindelig tekst. I denne artikel vil du lære om (anker) tag, som er det faktiske HTML-element bruges til at tilføje links til websidesider.
Tilføjelse af links
Et link kaldes et anker i HTML, og derfor er tagget til at repræsentere det A-mærket. Almindeligvis henviser folk simpelthen til disse tilføjelser som "links", men ankeret er det, der faktisk føjes til enhver side.
Når du tilføjer et link, skal du pege på webside-adresse at du vil have dine brugere til at gå til, når de klikker eller trykker på (hvis de er på en berøringsskærm) på det link. Du angiver dette med attributten.
Det href attribut står for "hypertekstreference", og dens formål er at diktere den URL, hvor du ønsker, at det specifikke link skal gå til. Uden disse oplysninger er et link ubrugeligt, da det fortæller browseren, at brugeren skal bringes et eller andet sted, men det ville ikke have destinationsoplysningerne tilgængelige for, hvor det "et eller andet sted" skulle være være. Dette mærke og denne attribut går hånd i hånd.
Du kan linke næsten alt på din HTML-side, inklusive billeder. Du skal blot omgive HTML-elementerne eller de elementer, du vil være et link til og tags. Du kan også oprette pladsholder links ved at udelade href attribut - men bare sørg for at gå tilbage og opdatere href-oplysningerne senere, ellers vil linket faktisk ikke gøre noget, når der er adgang til det.
HTML5 gør det gyldigt at linke elementer på blokniveau som afsnit og DIV elementer. Du kan tilføje et ankermærke rundt om et meget større område, f.eks. En division eller definitionsliste, og hele området vil være "klikbart". Dette kan være særligt nyttigt, når du prøver at oprette større, fingervenlige hitområder på et websted.
Nogle ting at huske, når du tilføjer links
- Det sidste mærke er krævet. Hvis du glemmer at medtage det, vil alt efter dette link også blive linket, indtil et andet link lukker tagget.
- Det meste af tiden er det bedst at linke enkeltbilleder og korte tekstspænd i stedet for store tekstblokke. Links kan tilføje farver og understregning af stilarter til din side, der kan være svære at læse. Selvfølgelig kan du bruge CSS til at ændre disse linkstile og redigere farver eller fjerne understregninger, men det er stadig godt at være opmærksom på denne virkelighed.
- Sørg for at kontrollere dine links, så de ikke går dårligt. Link Rot kan få både brugere og søgemaskiner til at betragte dit websted som ugyldigt. Brug en linkkontrol regelmæssigt til at bekræfte linkene på dine sider. Dette gælder især når du linker til tredjepartswebsteder (dem, som du ikke administrerer), og som kan ændre deres siders overtid og efterlade dig med døde links. En linkkontrol 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 virkelig ikke er relevant i nutidens centreret web med flere enheder.
Andre interessante typer links
Det EN element opretter et standardlink til et andet dokument, men der er andre typer links, som du måske er interesseret i:
- Interne links eller ankre: Disse er links til et eller andet sted på en webside, ikke nødvendigvis toppen.
- Billedkort: Billedkort gør det muligt at oprette links på billeder, der er kortlagt til bestemte områder af billedet. Disse kan bruges til spil eller kreativ navigation. Du ser dem ofte med kort, hvor der kan klikkes på områder på kortet. Bemærk, at billedkort ikke bruges på de fleste moderne websteder, delvis fordi de kan forårsage problemer på mobile enheder.
- Elementet: Dette element bruges til at relatere andre dokumenter og sider til det aktuelle. Det opretter ikke et klikbart område på din webside, men det er nyttigt at forstå.