En av de viktigste forskjellene mellom nettsteder og andre former for kommunikasjonsmedier er ideen om "lenker" eller hyperkoblinger som de er teknisk kjent i webdesign.
I tillegg til å bidra til å gjøre nettet hva det er i dag, er lenker, så vel som bilder, det enkleste å legge til ting på nettsider. Heldigvis er disse elementene enkle å legge til (bare to grunnleggende HTML-koder), og de kan gi spenning og interaktivitet til det som ellers ville være vanlige tekstsider. I denne artikkelen vil du lære om (anker) -taggen, som er det faktiske HTML-elementet som brukes til å legge til linker til nettsider.
Legge til lenker
En lenke kalles et anker i HTML, og så merket for å representere det er A-merket. Vanligvis refererer folk bare til disse tilleggene som "lenker", men ankeret er det som faktisk legges til en hvilken som helst side.
Når du legger til en lenke, må du peke på nettsiden adressen du vil at brukerne skal gå til når de klikker eller klikker (hvis de er på en berøringsskjerm) som lenker. Du spesifiserer dette med attributtet.
De href attributt står for "hypertekstreferanse" og dens formål er å diktere nettadressen hvor du vil at den aktuelle koblingen skal gå til. Uten denne informasjonen er en kobling ubrukelig - det ville fortelle nettleseren at brukeren skulle bli brakt et sted, men det ville ikke ha destinasjonsinformasjon tilgjengelig for hvor det "et sted" skulle være. Denne taggen og dette attributtet går hånd i hånd.
For eksempel, for å lage en tekstlink, skriver du:
Tekst som vil være lenken
Så for å koble til websiden for About.com Web Design / HTML, skriver du:
Lifewire
Du kan koble nesten alt i HTML-siden din, inkludert bilder. Bare omgir HTML-elementene eller elementene du vil være en link til
og tags. Du kan også opprette plassholderforbindelser ved å forlate href attributt - men bare vær sikker på å gå tilbake og oppdatere href-informasjonen senere, eller linken vil egentlig ikke gjøre noe når det er tilgjengelig.
HTML5 gjør det gyldig å koble blokknivåelementer som avsnitt og DIV elementer. Du kan legge til en ankermerke rundt et mye større område, som en divisjon eller definisjonsliste, og at hele området blir "klikkbart". Dette kan være spesielt nyttig når du prøver å opprette større, finger-vennlige hitområder på et nettsted.
Noen ting å huske når du legger til linker
- Finalen tag er nødvendig. Hvis du glemmer å inkludere den, vil alt som følger den linken også knyttes til en annen kobling lukker taggen.
- Mesteparten av tiden er det best å knytte enkeltbilder og korte spenner av tekst, i stedet for store tekstblokker. Lenker kan legge til farger og understreke stiler til siden din som kan være vanskelig å lese. Selvfølgelig kan du bruke CSS til å endre disse koblingsstablene og redigere farger eller fjerne understreker, men det er fortsatt godt å være oppmerksom på denne virkeligheten.
- Sørg for å sjekke koblingene dine slik at de ikke blir dårlige. Link Rot kan gjøre at både brukere og søkemotorer anser nettstedet ditt ugyldig. Bruk en lenkekontroller regelmessig for å verifisere koblingene på sidene dine. Dette gjelder spesielt når du kobler til tredjepartssider (de som du ikke klarer) og som kan endre sidene overtid, slik at du får døde koblinger. En lenkekontroll vil finne disse døde koblingene, slik at du kan foreta nødvendige oppdateringer.
- Unngå tekst som "klikk her" i lenken din. Husk at folk med berøringsskjermene ikke kan "klikke", slik at teksten føles som et produkt fra en tidligere epoke og egentlig ikke er relevant i dagens multi-enhetens sentrale web.
Andre interessante typer koblinger
De EN elementet oppretter en standardkobling til et annet dokument, men det finnes andre typer koblinger som du kanskje er interessert i:
- Interne linker eller ankre - Dette er lenker til et sted innenfor en nettside, ikke nødvendigvis toppen.
- Image Maps - Bildekart lar deg lage koblinger på bilder som er kartlagt til bestemte områder av bildet. Disse kan brukes til spill eller kreativ navigering. Du ser ofte dem med kart hvor områder på kartet er klikkbare. Merk at bildekart ikke brukes på de fleste moderne nettsteder, delvis fordi de kan forårsake problemer på mobilenheten.
- Elementet - Dette elementet brukes til å forholde andre dokumenter og sider til den nåværende. Det vil ikke skape et klikkbart område på websiden din, men det er nyttig å forstå.
