Slik lager du en lenke i et HTML-dokument. Merk A - dens syntaks og attributter

  1. URL eller "adresse" på en side på Internett
  2. <A> tag og sin grunnleggende syntaks
  3. Absolutt og relativ referanse
  4. Relativ lenke til katalog høyere enn nåværende
  5. Attributter til <A> -taggen. Slik åpner du et dokument ved referanse i et nytt vindu
  6. Tittel lenke. Tittelattributtet for <A> -taggen
  7. Attribut hyperkobling nofollow. Forbudet mot overføring av "tilliten" til nettstedet ved referanse
  8. Intern lenke eller anker inne i dokumentet
  9. Link Anker - Bilde
  10. forlengelse

Referanser (eller hyperkoblinger) gjennomsyrer Internett som blodårer. Hvis det ikke var noen koblinger, ville det ikke være noe Internett.

Hvordan lage en lenke i et HTML-dokument og registrere sine attributter, hva en nettadresse er og hvordan søkemotorer relaterer seg til koblinger - i denne neste leksjonen for nybegynnere for å lære HTML.

URL eller "adresse" på en side på Internett

Hvert HTML-dokument på nettet har sin egen "eksakte adresse". Det kalles "URL", fra engelsk. URL - Uniform Resource Locator

URL-strukturen er ofte synlig i adresselinjen i nettleseren. Den inkluderer:

  1. Protokollnavnet er http: // eller https: //
  2. Nettsted Domene
  3. mappen eller banen til mappen der dette dokumentet er plassert,
  4. Filnavn (kan ikke alltid være).

Takket være denne "eksakte adressen" ble det mulig å referere til dette dokumentet fra teksten til et annet dokument.

<A> tag og sin grunnleggende syntaks

Jeg håper ordet "syntaks" ikke lenger skremmer deg 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> linktekst </a>

Som du kan se, etter starten av <A> -taggen, må det være et obligatorisk href-attributt som angir adressen til dokumentet du vil gå til.

Inne i <A> containerkoden er en tekst (selv om det kan være et bilde), som er teksten til lenken. Det kalles også " Anker " eller bare - Anker.

Absolutt og relativ referanse

I eksemplene ovenfor ble det anvendt absolutte referanser. De som inneholder den fullstendige nettadressen til dokumentet.

I noen tilfeller inneholder href-attributtet ikke en fullstendig URL med navnet på protokollen og domenet til nettstedet. Hvis dokumentet som lenken fører til, er på samme nettsted - du kan bruke den relative lenken som fører fra stedet der dokumentet er plassert.

Ordning når relativ referanse er brukt

Eksempel: En lenke fra first.html-dokumentet fører til andre.html-filen, som ligger i nyhetsmappen.

Relativ lenke til katalog høyere enn nåværende

kode:

<a href="../first.html"> dette er en relativ kobling til en fil i et katalognivå en </a>

Denne lenken fører til filen first.html i "overordnet" -katalogen, dvs. ett nivå opp .

Kombinasjonen ../ angir et mappe ett nivå opp fra den oppgitte posisjonen til filen der koblingen blir laget.

Attributter til <A> -taggen. Slik åpner du et dokument ved referanse i et nytt vindu

For at dokumentet skal åpnes i en ny nettleserfane, må du bruke attributtmålet = "_ blank"

For at dokumentet skal åpnes i en ny nettleserfane, må du bruke attributtmålet = _ blank

Attributtlink target = "_ blank"

Ikke misbruk det. Du trenger ikke å lage interne linker til nettstedet med dette attributtet. Brukere vil bli irritert av "sparking window".

Generelt, med dette målattributtet - hele historien. Det er fortsatt en rekke betydninger, men alle er sjelden brukt i dag.

Dette skyldes at de er utformet for å jobbe med nettstedet på rammer som ikke lenger er populære, og med adventen av HTML5 blir det en fortid.

Tittel lenke. Tittelattributtet for <A> -taggen

En annen nyttig attributt er title = "Tekst som forklarer hvor denne lenken fører"

syntaks:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="hvordan popup-hint"> dette er et hint-link </a>

Som du kan se, viser nettleseren det som et verktøytips. Og likevel tar det hensyn til søkemotorene.

Egenskapshint for lenktittel

Attribut hyperkobling nofollow. Forbudet mot overføring av "tilliten" til nettstedet ved referanse

Det er en mer tvetydig attributt for koblingen rel = "nofollow"

Han forteller søkemotorer at koblingsdokumentet kanskje ikke er troverdig. Samtidig overføres ikke tillit ("tillit") indikatorer fra Kilde-siden til nettstedet ved referanse.

Emnet "tillit" og lenkerangeringer er fremdeles i forkant, men hvis det er kort, vil "skjebnen" av nettsteder i søkemotorene også avhenge av antall koblinger som fører til dette nettstedet. Jo flere av dem, jo ​​mer autoritative nettsteder lenker - jo mer troverdighet av nettstedet ved referanse.

I noen tilfeller er det verdt "screening" -koblinger med dette attributtet. For eksempel, hvis du skriver en negativ anmeldelse om hvilken som helst tjeneste.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> dårlig nettsted </a>

Intern lenke eller anker inne i dokumentet

I store tekster er det ofte nødvendig å installere såkalte "ankre" i logiske deler av dokumentet. Så er det på dette stedet, kan du referere.

Den enkleste måten å bruke den på er å lage et lokalt innholdsfortegnelse fra hyperkoblinger som fører til disse ankre. Slike innholdsfortegnelser plasseres vanligvis i begynnelsen av artikkelen.

Når du oppretter et slikt anker, brukes navnetattributtet i stedet for href-attributtet.

Syntaxen for å skape et anker er:

<a name="top"> </a>

Når du lager en kobling, legger du til ved siden av URL-adressen ved å tegne # - navnet på "ankeret":

<p> <a href="#top"> Topp </a> </ p>

Overgangen vil være nøyaktig til dette stedet, dvs. Nettleseren vil plassere dette stedet i sin øvre synlige del.

Ofte, i lange dokumenter, helt nederst, legger de en slik link "Topp".

... etter å ha reist rundt i verden av duftende korn, fant de den høyeste kvaliteten på dem som Afrika, Asia, Sentral-og Sør-Amerika er kjent for. Derfor, i dag i merkevarens kaffehus Kaffebønne Du finner de beste kaffesorter fra anerkjente produsenter.

? Til toppen ?

Fra et annet dokument kan du også gå til dette stedet, hvis du legger til i slutten av nettadressen gjennom tegnet # name_

<a href="http://domen-saita.ru/dokument.html#top"> lenketekst fører til et anker "topp" i dette dokumentet </a>

Link Anker - Bilde

Ethvert bilde kan være en lenke.

kode:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Som standard understrekes koblingene av nettleseren med en solid blå linje, og linkbildene får den blå rammen.

Linker-bilder får en blå ramme

For å bli kvitt det, legges en enkel regel til CSS-filen for nettstedet:

en {border: 0px;}

Dette er en instruksjon for å gjøre grensen tykkelsen null for alle bildelinkene.

forlengelse

I neste innlegg vil jeg snakke om e-postkoblinger, deres attributter og metoder for "beskyttelse" fra onde spammere