En av de viktigste skillene mellom nettsteder og andre former for kommunikasjonsmedier er ideen om "lenker", eller hyperkoblinger som de er teknisk kjent i form av webdesign.
I tillegg til å bidra til å gjøre nettet til det det er i dag, er lenker, så vel som bilder, lettest å legge til ting på websider. Heldigvis er disse elementene enkle å legge til (bare to grunnleggende HTML-koder) og de kan bringe spenning og interaktivitet til det som ellers ville være sider med ren tekst. I denne artikkelen vil du lære om (anker) koden, som er den faktiske HTML-element brukes til å legge til lenker til nettsider.
Legge til lenker
En lenke kalles et anker i HTML, og derfor er koden for å representere den A-koden. Vanligvis refererer folk bare til disse tilleggene som "lenker", men ankeret er det som faktisk blir lagt til på en hvilken som helst side.
Når du legger til en lenke, må du peke på nettsideadresse som du vil at brukerne skal gå til når de klikker eller trykker på (hvis de er på en berøringsskjerm) på den lenken. Du spesifiserer dette med attributtet.
De href attributt står for “hypertekstreferanse” og formålet er å diktere URL-en der du vil at den spesifikke lenken skal gå til. Uten denne informasjonen er en lenke ubrukelig, da den vil fortelle nettleseren at brukeren skal hentes et eller annet sted, men det ville ikke ha destinasjonsinformasjonen tilgjengelig for hvor "et eller annet sted" skulle være. Denne taggen og denne attributtet går hånd i hånd.
Du kan koble til nesten hva som helst på HTML-siden din, inkludert Bilder. Bare omgir HTML-elementene eller elementene du vil være en lenke til og kodene. Du kan også opprette plassholderlenker ved å utelate href attributt - men bare vær sikker på at du går tilbake og oppdaterer href-informasjonen senere, ellers vil ikke lenken gjøre noe når du får tilgang til den.
HTML5 gjør det gyldig å koble elementer på blokknivå som avsnitt og DIV elementer. Du kan legge til et ankermerke rundt et mye større område, som en divisjon eller definisjonsliste, og at hele området vil være "klikkbart". Dette kan være spesielt nyttig når du prøver å lage større, fingervennlige treffområder på et nettsted.
Noen ting å huske når du legger til lenker
- Den siste koden er kreves. Hvis du glemmer å ta med den, blir alt som følger denne lenken også koblet til en annen lenke lukker koden.
- Det meste av tiden er det best å koble enkeltbilder og korte tekstomfang, i stedet for store tekstblokker. Koblinger kan legge til farger og understreke stiler på siden din som kan være vanskelig å lese. Selvfølgelig kan du bruke CSS til å endre disse lenkestilene og redigere farger eller fjerne understrekninger, men det er fortsatt godt å være oppmerksom på denne virkeligheten.
- Sørg for å sjekke lenkene 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 koblingskontroll regelmessig for å bekrefte koblingene på sidene dine. Dette gjelder spesielt når du lenker ut til tredjeparts nettsteder (de som du ikke administrerer) og som kan endre sidens overtid og gi deg døde lenker. En koblingskontroll vil finne disse døde koblingene, slik at du kan gjøre nødvendige oppdateringer.
- Unngå tekst som "klikk her" i lenken din. Husk at personer med berøringsskjermer ikke kan "klikke", slik at teksten føles som et produkt fra en tidligere tid og egentlig ikke er relevant i dagens sentriske nett med flere enheter.
Andre interessante typer lenker
De EN element oppretter en standard lenke til et annet dokument, men det er andre typer lenker du kan være interessert i:
- Interne lenker eller ankere: Dette er lenker til et sted på en webside, ikke nødvendigvis toppen.
- Bildekart: Med bildekart kan du lage lenker på bilder som er kartlagt til bestemte områder av bildet. Disse kan brukes til spill eller kreativ navigering. Du ser dem ofte med kart der områdene på kartet er klikkbare. Merk at bildekart ikke brukes på de fleste moderne nettsteder, delvis fordi de kan forårsake problemer på mobile enheter.
- Elementet: Dette elementet brukes til å knytte andre dokumenter og sider til den nåværende. Det vil ikke opprette et klikkbart område på websiden din, men det er nyttig å forstå.