Jeg er glad for å ønske deg velkommen til bloggsiden! I dagens artikkel vil vi begynne å snakke om hypertekstspråk html-oppmerking. Denne publikasjonen blir den første i sitt slag (og langt fra den siste), siden jeg aldri har skrevet noe lignende før.

Postplan:

Men nå som jeg har fått den nødvendige kunnskapen og testet den i praksis, vil jeg gjerne dele den med mine lesere. Det er ikke uten grunn hvor mye krefter og tid som ble brukt i det innledende stadiet, for eksempel for å vite hvordan man setter inn en lenke i html. Naturligvis, etter å ha lest innlegget mitt vil du også vite og kunne gjøre dette.

Generelt er det verdt å merke seg at lenketagger rett og slett er nødvendige i arbeidet med optimalisere, fordi brødet deres er bare søkemotoroptimalisering og, og selvfølgelig, kan guruer innen SEO mest sannsynlig ikke klare seg uten lenker, enn si vanlige bloggere :).

Kanskje er html-link-taggen A en av mine mest brukte, sammen med img-taggen, som er nødvendig for å vise bilder i teksten. I gjennomsnitt inneholder hver artikkel jeg publiserer omtrent fem lenker, både til interne sider og eksterne.

Ikke glem at koder for et html-nettsted brukes ikke bare når du skriver innlegg. De vil også være nødvendige når du endrer koden til malen du installerte på CMS WordPress eller et annet innholdsstyringssystem.

Derfor må du studere minst de mest grunnleggende html-taggene for ikke å få problemer i fremtiden når du arbeider med lenker. Hvis du for eksempel bruker " Visuell redaktør"Når du skriver artiklene dine, er ikke dette veldig bra, for hvis denne editoren ikke fungerer, vil du ikke en gang vite den grunnleggende koden for å legge til en lenke.

Generelt tror jeg at det å kjenne de grunnleggende konseptene i HTML-markeringsspråket vil hjelpe deg mye og gjøre livet ditt enklere. Likevel, tiden du bruker nå på å studere materiale som kan være nytt for deg, vil ikke være bortkastet.

Det er også mange flere nyanser som vil gjøre arbeidet ditt enklere, og som du vil lese om nedenfor i artikkelen min - disse er rel=”nofollow”, og target=“_blank”, og mange andre interessante ting knyttet til lenker.

Link tag A – lag en hyperkobling i et html-dokument med og uten anker

Som jeg allerede har nevnt ovenfor, er lenken en av de mest brukte html-taggene av meg. De trengs slik at brukere enkelt kan flytte fra ett dokument til et annet med ett klikk.

For å spesifisere banen til en hyperkobling, må du imidlertid bruke href-attributtet. Takket være den kan og bør du spesifisere URL-en til siden du vil koble til. Disse kan enten være interne sider på nettstedet ditt eller sider fra en hvilken som helst annen ressurs på World Wide Web.

Anchor html link tag En vesentlig faktor som søkeroboter tar hensyn til, så du må være spesielt oppmerksom på den. Jeg anbefaler å bruke den i anker søkeord, som du vil at artikkelen din skal komme til de første posisjonene i søkeresultatene.

Etter å ha forstått litt om teorien om hyperlenker i et html-dokument, kan vi gå videre til illustrerende eksempler. Dette er koden koblingen vil ha:

Her skal det være teksten til hyperkoblingen din, det vil si anker

Som du kan se, begynner lenken med en åpningsparentes ":

Generelt sett er det ikke fint å fortelle brukeren hvordan man åpner en lenke. Nettstedets brukervennlighetsguruer hevder enstemmig at brukeren selv er i stand til å bestemme hvordan lenken skal åpnes. Han vil sortere vinduene sine uten at vi ønsker dette. Dessuten vil vi også bryte funksjonaliteten til standard nettleser "Tilbake" -knappen. En slik uhøflig forstyrrelse av vaner vil sannsynligvis forårsake fiendtlighet!

I tillegg skapes et dårlig inntrykk: «Brukeren forlater siden! Han kommer kanskje aldri tilbake hit! Ah-ah-ah! Hva å gjøre? la oss åpne ny lenke i et annet vindu! Kanskje, når han har sett alt han trenger, så ved å lukke dette vinduet, vil han komme til oss igjen, og da vil han definitivt bli en vanlig besøkende!»

Meningen håper jeg er klar - fyll siden med nyttig og interessant innhold av høy kvalitet, og så vil besøkende komme tilbake bevisst og uavhengig.

Men i tillegg til den moralske siden er det også en teknisk side ved problemet - målattributtet mangler i XHTML spesifikasjoner 1.0 Streng og vil følgelig ikke bestå validering!

Gyldig løsning: JavaScript

Hvis du, til tross for de foregående avsnittene, fortsatt bestemte (eller ble tvunget) til å åpne siden i et nytt vindu, la oss i det minste gjøre det riktig.

Det er her JavaScript kommer til unnsetning. La oss prøve å avskjære onclick-hendelsen til lenken og tvinge frem åpningen av et nytt vindu ved å bruke funksjonen window.open(). Da vil vi forby å følge koblingen i det opprinnelige vinduet ved å spesifisere return false:

Linken åpnes i et nytt vindu

Vi sjekker den resulterende løsningen: .

Alt er flott. Nettlesere åpner koblingen trygt i et nytt vindu. Validatoren gleder oss med en grønn suksessmelding. Det ser ut til at du kan roe deg ned, men det er ikke tilfelle! La oss prøve å sette en hard popup-blokkering i nettleseren din og klikke på lenken igjen!

En bedre løsning

Popup-blokkere er først og fremst designet for å bekjempe irriterende annonser. Denne funksjonen er tilgjengelig i alle moderne nettlesere. Noen nettlesere tilbyr til og med forskjellige nivåer av blokkering. For eksempel, i Opera 9+ kan du blokkere enten bare "uønskede" vinduer eller alt.

Jeg vet ikke hvor stor prosentandel av brukerne som sliter så radikalt med popup-vinduer, men bare med disse innstillingene, i stedet for å åpne vinduet, vil en liten melding "popup-vindu er blokkert" ganske enkelt vises. Dessuten kan til og med denne manifestasjonen av nettleserens respons på et klikk deaktiveres i innstillingene. I dette tilfellet vil koblingen rett og slett miste funksjonalitet: "Jeg klikker, men ingenting skjer!"

Hvis noen etter å ha lest dette sa: «Du kan ikke glede alle! Vel, hvem er legen deres, at alt er slått av for dem!», da er vi ikke på samme vei med slike mennesker. For resten fortsetter vi.

Linken åpnes i et nytt vindu

Her utnyttet vi at funksjonen window.open() returnerer ekte, hvis vinduet åpnet vellykket og falsk ellers. Det vil si at i tilfelle når koblingen ble åpnet i et nytt vindu, blokkerer vi åpningen av koblingen i sitt eget vindu, fordi retur vil være!true=false. Og omvendt, hvis vinduet ikke kunne åpnes, vil return true tillate koblingen å fungere normalt.

God dag, kjære lesere. Utgaven av Svar på spørsmål har ikke vært publisert på lenge, jeg tror mange allerede har ventet på svar på spørsmålene sine. Noen av dere har allerede funnet svaret på spørsmålet ditt uten min hjelp, jeg beklager at jeg ikke ga deg svaret. Jeg vil forbedre meg. Dessverre vil jeg i dag heller ikke svare på alle spørsmål, men kun ett.

Jeg fant dette spørsmålet ganske interessant og nyttig, så jeg bestemte meg for å være spesielt oppmerksom på det. Så her er spørsmålet.

Er det mulig å bruke target="_blank"-koden for å tvinge koblingen til å åpnes i et nytt nettleservindu? Er ikke dette skadelig? Påvirker dette noe?

Et veldig interessant spørsmål, faktum er at tag-attributtet , som åpner lenken i et nytt vindu eller nettleserfane, target="_blank", en av de mest kontroversielle i HTML. Selv om jeg selv bare bruker det og bruker det mer enn én gang for mine lesere, er det fortsatt verdt å forstå dette problemet og prøve å komme til en slags mening.

Her er det verdt å vurdere situasjonen fra to sider: å bruke målet fra et valideringssynspunkt og å åpne lenken i et nytt vindu eller nettleserfane fra et brukervennlighetssynspunkt. Jeg begynner med den første.

Attributtet target="_blank" er et ugyldig attributt, og bruken er bare tillatt i overgangsdokumenter:

Til sammenligning er det slik i Blogger:

inneholder informasjon om dokumenttypen, et nødvendig element på en nettside som forteller nettleseren hvordan siden skal tolkes. Jeg vil ikke gå inn på historien om opprettelsen av HTML, XML, XHTML - alt dette er materiale for mer enn én artikkel. Men jeg skal prøve å formidle essensen.

Hvis vi snakker om Blogger, er malen vår en blanding av to språk - HTML og XML, i slike tilfeller er det nødvendig å spesifisere - XHTML 1.0 Strict. Dokumenter av denne typen må ha en klar syntaks, og spesifikasjonen for dokumenter av denne typen har ikke target="_blank"-attributtet. Derfor er denne egenskapen ugyldig for oss, og det er faktisk forbudt å bruke den.

Hvis vi snakker om andre nettsteder, er det mulig å bruke target="_blank"-attributtet der, så må du se på kildekoden til siden, nemlig oppføringen .

Dokumenttypen angis av utvikleren av et bestemt nettsted, avhengig av hvilket språk eller versjonen som brukes når nettstedet skal legges ut.

Hva skal man gjøre i en slik situasjon?
Jeg vet bare to løsninger på denne situasjonen. Og begge alternativene er langt fra ideelle.

Det første alternativet er at for at dokumentet skal være gyldig, kan du bruke spesielle JavaScript- eller JQuery-skript som åpner sider i en ny nettleserfold.

Ulempen med denne metoden: Hvis JavaScript er deaktivert i nettleserinnstillingene, åpnes ikke siden i et nytt vindu.

Det andre alternativet er å bruke target="_blank" og ikke lenger lider av dette problemet. Selv om dette attributtet er ugyldig, støttes det fortsatt av alle nettlesere. Og bruken av det påvirker ikke på noen måte indekseringen av nettstedet av søkemotorer.

Vi har diskutert den første delen av spørsmålet, men som jeg allerede har sagt, er det en annen side av problemet - brukervennlighet, bekvemmelighet for besøkende. Er det praktisk for våre lesere å åpne lenker i en ny fane?

En viss del (jeg kan ikke si hvor mange) av utviklerne anser det som dårlig form å frata brukeren muligheten til å bestemme selv hvordan han skal åpne en side, i samme fane eller i en ny. Og også mer EN Jeg er en del av de avanserte (erfarne) brukerne, de tror at de selv er i stand til å bestemme hvordan de skal åpne lenken, fordi dette er gitt, i det minste i samme mus. På den annen side er det mange brukere på Internett med et nivå under gjennomsnittet, og mange vet ikke at man med samme mus kan åpne hvilken som helst lenke i et nytt vindu.

Hvis du ikke vet hvordan du gjør dette ennå, skal jeg fortelle deg det. Hver mus må ha et hjul, så hvis du holder musen over en lenke og klikker på hjulet, åpnes lenken i et nytt vindu. Eller det er mus med tre knapper, og denne funksjonen utføres av den midterste tasten. Men som sagt, ikke alle Internett-brukere vet om en så hyggelig liten ting.

Fra mange brukeres synspunkt er det også praktisk at den interne lenken åpnes i samme nettleservindu (fane), og eksterne lenker åpnes i en ny fane; for mange er dette enkelt og logisk.

Det er nettopp på grunn av slike motstridende meninger og på grunn av de ulike kunnskapsnivåene til brukerne at target="_blank"-attributtet og generelt spørsmålet om å åpne lenker i et nytt vindu, er det mest omdiskuterte temaet.

Hva er min mening om denne saken? Jeg var selv en nybegynner, jeg kjenner mange mennesker som alt de vet om Internett er Yandex og Odnoklassniki, og de har rett og slett ingen anelse om hva en skjerm er, hvorfor det er så mange knapper på tastaturet, og hvorfor et musehjul er nødvendig i det hele tatt (Selvfølgelig fylles slike hull raskt). Selv synes jeg det er ekstremt upraktisk å åpne en ny side i samme fane der jeg er nå. Selv om jeg virkelig planlegger å forlate siden, vil jeg ikke bekymre meg for mye hvis jeg lukker forrige fane. Jeg vil at lenken inne på siden skal åpne i samme fane, og den eksterne lenken i en ny. Dette er min personlige mening og jeg påstår ikke å være sannheten.

Hvis du seriøst har tenkt på dette problemet og bestemt deg for å bruke et spesielt skript, prøvde jeg å finne en løsning for deg. Dette skriptet passer for alle nettsteder, CMS og for Blogger-plattformen; jeg skal vise deg å bruke Blogger som et eksempel.

Gå til Design – Rediger HTML, finn koden og sett inn koden foran den:

Hvis du vil advare brukerne dine om at lenken vil bli åpnet i en ny fane, kan du bruke en stil på lenken, slik jeg gjorde. For å gjøre dette, legg til følgende stil i malen før linjen ]]>:

Ekstern (
polstring: 0 10px 2px 0;
bakgrunn: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAABfA/QJM25G6lInk/externallink.gif) ingen gjentakelse høyre midtpunkt;
}

Jeg postet utfyllingsfeltverdiene mine. Avhengig av fonten du bruker og tekstvisningsinnstillingene, må du justere disse tallene slik at de passer deg. Du kan også laste opp et bilde til albumet ditt eller bruke et helt annet bilde.

Jeg vil si at jeg testet tre forskjellige skript, og det som er foreslått ovenfor, fungerer ikke overalt. Hvis skriptet foreslått ovenfor ikke fungerer for deg, kan du prøve følgende alternativer:

http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js

Men de to siste skriptene støtter ikke automatisk lasting av stiler, så hvis du vil bruke en stil for en ekstern lenke som er forskjellig fra den interne, så ikke glem å tilordne klassen class="external" til lenken.

Det handler om å bruke target="_blank" og åpne lenken i en ny fane. Jeg håper jeg svarte på leserens spørsmål, og denne informasjonen vil også være nyttig for alle andre.

Kjære bloggere, hvis spørsmålet ditt er relatert til Blogger, anbefaler jeg på det sterkeste å stille det på forumet. Svar publiseres på bloggen ikke så ofte, og ikke helt regelmessig, og du må vente flere uker på svar på et ganske grunnleggende spørsmål. Ved å stille et spørsmål på forumet vil du få svar fra meg eller andre brukere innen et par timer.
Ha en fin helg.

Hei, kjære lesere av bloggsiden. I dag vil jeg snakke mer detaljert om hva en hyperkobling er i HTML-språk, hvordan du kan plassere dem i teksten på nettstedet, hvordan du lager en lenke til et bilde, hvordan du bruker "A"-taggen og dens "Href" og "Target blank"-attributter (åpnes i et nytt vindu).

Generelt er en hyperkobling et nøkkelelement. I tillegg er lenker nå en av de tre hovedfaktorene som påvirker vellykket markedsføring av et nettsted. Å bruke dem riktig og forstå for eksempel hvordan de påvirker regnskapet deres søkemotorer, kan påvirke trafikken til ressursen din betydelig.

Hva er hyperkoblinger og ankre?

Så vi har allerede blitt kjent med utdaterte tagger som ikke anbefales til daglig bruk. La oss fortsette vårt videre bekjentskap.

For å lage en hyperkobling i HTML-kode, må vi også bruke taggen A. For den kan vi bruke ulike attributter, for eksempel angi URL-adressen til målet for å flytte langs denne linken (href) eller instruere den skal åpnes i et nytt vindu (target= _blank). Men la oss snakke om alt i rekkefølge.

Som vi nevnte like ovenfor, er hyperkoblinger et nøkkelelement i HTML-språket, og de lar deg koble både til de interne sidene på ditt eget nettsted og til andre Internett-ressurser. Jeg vil si en banalitet - å følge en lenke utføres ved å klikke på den (hva syntes du?).

I tillegg til at de kan deles inn i interne eller eksterne, kan de også være hjelpemidler og brukes utelukkende for behovene til nettleseren som sidene på nettstedet ditt vil bli åpnet med.

I dette tilfellet vil de ikke være synlige på siden, fordi er registrert i Head-området kildekode dokument, hvis innhold ikke vises på siden (jeg nevnte strukturen til hypertekst-markeringsspråkkoden i artikkelen om).

Tjenestehyperkoblinger opprettes ikke ved å bruke "A"-taggen (som vanlige), men ved hjelp av "Link"-taggen. Det er ganske mange oppgaver de utfører, for eksempel å bruke dem til HTML-dokument eksterne filer med CSS-overlappende stilark eller for eksempel .

Men i dag vil vi ikke vurdere hvordan du kan lage dem (vi kommer til dem ennå), men vil dvele i detalj på synlige lenker som kan opprettes i Body-området, og følgelig vil de vises på nettsiden.

Men likevel har alle hyperkoblinger (både synlige og service) én ting til felles - de inneholder alle den nødvendige Href-attributten. I den, som verdien, er et bestemt sted i dokumentet skrevet (hvis det tidligere var merket med et anker) eller adressen til selve dokumentet på Internett (i Href, eller med andre ord, banen til siden eller en annen fil er skrevet).

Hyperkoblinger er navigasjonselementer som er laget for å overføre deg til andre dokumenter på nettverket, eller for å navigere gjennom innholdet på en nettside du allerede ser på ved å bruke merker laget på forhånd i hoveddelen av dokumentet, som også kalles HTML-ankre.

Det kan være litt forvirring her, fordi... i SEO er ordet , men i Html betyr "anker" et anker (oversettelse av ordet anker) eller et merke i teksten, som så kan refereres til.

Hvorfor brukes ankere i HTML? Dette er ganske praktisk når du lager navigasjon på en ganske lang nettside. Du har sannsynligvis sett det på Internett på siden du åpner, rett under tittelen er navnene på delene av artikkelen publisert på denne siden.

På denne måten vil leseren umiddelbart kunne gå til stedet på siden hvor informasjonen han er interessert i befinner seg, i stedet for å bry seg med å bla gjennom teksten og visuelt søke etter rett sted. Praktisk og forbedrer.

Hvordan ankere og koblings-hasher opprettes

Så vår oppgave i dette tilfellet vil være å installere ankere på de riktige stedene på siden (dokumentet), som generelt vil se slik ut:

De. for å lage et anker, må du skrive inn et enkelt attributt "Navn" i den tomme hyperlink-taggen "A", som verdien bruker en unik etikett som ikke skal inneholde mellomrom og hvor du kan bruke latinske tegn, tall , bindestreker og understreker (i fullstendig analogi med reglene som du kan bruke til å lage URL-er - ,,,[_],[-]).

I dette tilfellet vil ikke ankeret være synlig på selve siden, fordi Vi skrev ingen tekst inne i "A"-elementene. Imidlertid vil ankre opprettet på denne måten forurense HTML-koden, og derfor bruker de nå mye oftere enn ankre en annen måte å lage en etikett på.

I dette tilfellet trenger du ikke lage en tom "A"-tag, men du kan bruke alle elementene som allerede er tilgjengelige på riktig sted i teksten. Disse kan for eksempel være .

De. for å lage en analog av et anker, er det nok å tilordne et universelt ID-attributt til en hvilken som helst tagg (den kan brukes for alle tagger, og forresten, de fungerer basert på den), for eksempel slik:

Titteltekst

Så, nå i stedet for å lage det nødvendige antallet ankere som forurenser koden og vises på dette øyeblikket ikke gyldig (ikke anbefalt av W3C-konsortiet, som utvikler HTML-språket), legger vi bare til Id.

Det viser seg at for dette må du, som vanlig, sette inn det nødvendige attributtet "Href" inne i hyperkoblingen "A", men verdien av denne vil bli dannet av navnet på ønsket etikett (anker) etterfulgt av en hash tegn "#", som også kalles hash ( Dette er forresten der bena til det ofte brukte navnet vokser: link hash):

vil flytte til stedet for siden merket med anker

Vær oppmerksom på at når du klikker på en slik hyperkobling, vil ikke et nytt dokument åpnes. Nettleseren vil allerede rulle åpen side til en slik posisjon at stedet i teksten der du satte inn ankeret tar en posisjon helt øverst på skjermen. Det ville være logisk å anta at verdiene til alle tagger (ankere) på én side bør være unike for å unngå forvirring for nettleseren.

Hvis du lager et anker ved å bruke ID-attributtet i en beleilig plassert tag, må du ta hensyn til at i tillegg til begrensningen på typen tegn som brukes (,,,[_],[-]), ID-verdien må begynne med et latinsk bokstavtegn.

Da kan alle gyldige tegn plasseres i hvilken som helst mengde, men det første tegnet i ankeretiketten i ID-attributtverdien må være en bokstav (latin, selvfølgelig). Ellers vil ikke et slikt anker som er satt inn i HTML-koden fungere (i de fleste nettlesere).

Hvis du ikke skriver noe ankeretikettnavn (href="#") etter hash-symbolet "#", vil en slik hyperkobling rulle siden til begynnelsen. Slik kan du lage en enkel "Tilbake til toppen"-knapp ved å lage en lenke fra bildet (vi snakker om dette litt senere) og sette den inn i malen på nettstedet, for eksempel slik:

Href er et obligatorisk kodeattributt for enhver hyperkobling

La oss nå gå fra navigering inne i dokumentet (ved hjelp av ankere) til ekstern navigasjon, dvs. vi må lage lenker som fører til andre dokumenter på vårt eller et annet nettsted. Nå i Href-attributtet trenger vi ikke lenger å spesifisere ankeretiketter, men banen til filen som skal åpnes (siden er designmessig en fil som lastes inn i nettleseren for senere visning).

anker

Her bør vi snakke videre om, men jeg har allerede skrevet om dem mer detaljert i det nevnte materialet, så det gir nok ikke mening å gjenta meg selv. Men du må vite hvordan du setter banen til filen i Href-attributtet til hyperkoblingen du laget. Ikke prøv å gjøre deg kjent med materialet som tilbys.

La meg imidlertid minne deg på at når du oppretter nettadresser, er det å foretrekke å kun bruke følgende tegn: (,,,[_],[-]) og ikke bruke mellomrom. Hvis vi vurderer innholdet i Href-attributtet for absolutte koblinger, kan det skjematisk representeres som følger:

Hvis vi forkaster det du sjelden vil bruke, kan du presentere det samme i en noe forenklet form:

Protokoll (vanligvis http)://domenenavn (for eksempel nettsted)/bane_til_fil ( nettsider)

I tillegg til den enkle http-protokollen kan du på Internett finne lenker med https-protokollen, som skiller seg ut ved at den bruker kryptering. Sistnevnte brukes på nettsteder der det er behov for å beskytte datautvekslingskanalen mellom serveren og klientens nettleser. For eksempel brukes det i Web Money elektroniske pengetjenester.

På Internett kan du finne forskjellige versjoner av Href-innhold, for eksempel denne:

Https://site/videokursy

Eller dette (med filtype):

Https://site/seo/kak-raskrutit-sajt.html

Dette endrer ikke essensen, men hvis det er en skråstrek på slutten av innholdet av Href-attributtet inne i hyperlenken, betyr dette at tilgangen ikke lenger er til filen, men til mappen der det tilsvarende indeksobjektet vil bli søkt (for flere detaljer, les artikkelen om url-adresser nevnt ovenfor).

Last ned noe fra linken

Som du kan se, er denne hyperkoblingen ikke forskjellig fra en vanlig, det er bare at nettleseren forstår at den trenger å laste ned en fil med en zip-utvidelse, og ikke prøve å åpne den for visning, som for eksempel dokumentfiler med html utvidelse. Selv om du kan tilpasse alt dette rent individuelt i nettleseren din for å passe dine personlige behov.

Last ned fra ftp-server

Du kan for eksempel også opprette en (e-post) ved å legge til den tilsvarende URL-en til Href:

Skrive et brev

Når du klikker på denne lenken, åpnes standarden du bruker på datamaskinen din. postprogram(i nettleseren kan du konfigurere lenker med mailto i Href til å åpne i Gmail osv.) og en dialogboks for å lage et nytt brev vil dukke opp, hvor e-postadressen som er oppgitt i Href vil bli satt inn i «Til»-feltet.

Faktisk kan du lage ganske komplekse e-postlenker, ved hjelp av hvilke andre felt i e-postsendingsdialogen vil bli fylt ut, men dette brukes ganske sjelden.

Og generelt, webansvarlige I det siste Vi har praktisk talt sluttet å bruke hyperlenker med mailto i Href på grunn av at de blir analysert av spammere med alle de påfølgende konsekvenser. Det er bedre å lage det på nettstedet, selv om jeg fortsatt har alt presentert i en klassisk form på kontaktsiden. Jeg burde endre det i ro og mak (eller ikke... jeg skal tenke på det).

Hvordan åpne en lenke i et nytt vindu (målet tomt)

Når vi oppretter lenker i HTML-kode, står vi ofte overfor spørsmålet - i hvilket nettleservindu skal vi åpne dokumentet det fører til? Som standard åpnes den i et eksisterende vindu, og overlapper siden denne hyperkoblingen ble plassert fra.

Personlig er jeg en stor tilhenger av Target-attributtet med verdien blank , som lar deg åpne en side i et nytt vindu og la dokumentet der koblingen ble plassert åpent. Jeg vet ikke hvordan dette påvirker brukervennligheten til bloggen min, men jeg liker dette alternativet bedre, og jeg bruker det i nesten alle tilfeller.

I søkemotorer liker jeg også å konfigurere åpningen av lenker i et nytt vindu, slik at resultatene alltid er tilgjengelige og du alltid kan gå tilbake til det. For disse formålene, som allerede nevnt, bruker HTML en spesiell Target-attributt, som som standard har Self-verdien:

Åpner dokumentet i samme vindu

Selv om, selvfølgelig, ingen skriver target="_self" i "A"-taggen, fordi denne verdien brukes som standard, men hvis du trenger å åpne siden i et nytt vindu, må du skrive target="_blank ":

Åpnes i et nytt vindu

Vær oppmerksom på at Target-attributtverdiene er skrevet med en understreking i begynnelsen (_blank), fordi dette er fastsatt i Wc3-validatoren, som inneholder hypertekstmarkeringsspråkhull. Det som er bemerkelsesverdig er at HTML gir muligheten til å endre standard koblingsåpningsalternativ.

For eksempel, hvis du vil at alle hyperkoblinger på nettstedet ditt skal åpnes i et nytt vindu, må du legge til en Base-tag med target="_blank"-attributtet i Head-området til malen du bruker:

det er noe annet der

Og nå, hvis du vil åpne en av koblingene i det samme vinduet, må du legge til target="_self" til dens "A"-tag, fordi du som standard nå bruker _blank. Å, hvordan.

Jeg brukte forresten Base-elementet på den måten som er beskrevet ovenfor, men la også inn et kodeområde med flere hyperlenker som måtte åpnes i et nytt vindu. De. Jeg brukte også den avsluttende Base-taggen inne i Body-området, og det fungerte. Selv om slik kode, selvfølgelig, viser seg å være ugyldig.

Hyperlink-hover og klikk-farger – hvordan endrer du dem

Html-språket ble utformet slik at brukeren enkelt kunne navigere i hvilken lenke han allerede hadde åpnet og hvilken som forble urørt.

Til dette formålet brukes en farge som vil endres når brukeren klikker på hyperkoblingen og dokumentet som er koblet til den er vellykket åpnet. Går tilbake til den opprinnelige siden, vil brukeren oppdage at lenken han besøkte har endret farge. Alle nettlesere kan gjøre dette trikset.

Som standard i ren HTML (uten å bruke CSS-egenskaper)-lenker er uthevet med understreking og kan ha tre fargealternativer:

Blå er fargen for lenker som ikke følges som brukeren ennå ikke har klikket på

Rød - den aksepteres av hyperkoblingen umiddelbart etter å ha klikket på den og til det forespurte dokumentet er lastet ned til brukerens nettleser over nettverket (i moderne forhold er det slett ikke lett å fange dette øyeblikket, og alt har skylden overalt)

Lilla er fargen for brukte lenker som brukeren allerede har fulgt

I HTML 4.01 er disse fargene for lenker standard, men de kan endres ved hjelp av spesielle attributter som er skrevet inn i Body-taggen, som du finner i en av filene til malen du bruker. For å endre alle tre fargene, brukes tre attributter, henholdsvis:

Link – angir fargen på en ubesøkt lenke

Alink - fargen på den aktive, som behandles av nettleseren

Vlink - fargen på hyperkoblingen som allerede er besøkt av brukeren

Husk at jeg allerede har skrevet om hvordan. Følgelig kan de nevnte attributtene se slik ut:

Naturligvis var det som var ment her et rent HTML-alternativ, når det av en eller annen grunn ikke er praktisk eller mulig å bruke styling, ellers kan alle disse fargene enkelt stilles inn og endres ved hjelp av .

Hvordan lage et bilde til en lenke - to måter

Vel, alt er ganske enkelt her. Fordi er et liten bokstav, kan i det store og hele ethvert bilde betraktes som bare en bokstav, kanskje bare av større størrelse.

Når det gjelder ren HTML, vil du ha en ramme som er tre piksler bred rundt bildet du har laget en lenke til. Dessuten vil fargen på denne rammen fullt ut samsvare med lenkefargene som er akseptert for nettstedet ditt (vi snakket om dem litt høyere i teksten).

For å fjerne å legge til en kantlinje til et bilde som du har hyperlenket, må du legge til et Border-attributt med verdien null til Img-taggen:

Dette er en veldig enkel måte å gjøre et bilde til en lenke, men det er et mer komplekst alternativ som kalles et bildekart. I dette tilfellet, takket være bruken av et ganske stort antall HTML-koder og attributter, kan du lage fra ett bilde et helt kart over lenker med aktive områder (klikkbare og har forskjellige former - rektangel, sirkel, polygon).

Du kan for eksempel plassere et stort bilde på siden din og ha det slik at når du klikker på forskjellige deler av det, åpnes forskjellige sider med forskjellige hyperkoblinger. Faktisk vil det ta ganske lang tid å beskrive et bildekart, og det er usannsynlig at noen vil bruke det, så jeg vil ikke gjøre det, fordi "spillet er ikke verdt lyset."

Lykke til! Vi sees snart på sidene til bloggsiden

Du kan være interessert

Velg, Alternativ, Tekstområde, Etikett, Feltsett, Tegnforklaring - tagger HTML-skjemaer nedtrekkslister og tekstfelt
Hvordan settes inn i HTML-lenke og et bilde (bilde) - IMG- og A-merker
Iframe og Frame - hva er de og hvordan man best kan bruke rammer i HTML
Mellomromstegn og deres formatering av kode i HTML, samt spesialtegn ikke-brytende plass og andre mnemonikk
MailTo - hva er det og hvordan lage en lenke i HTML for å sende en e-post
Hvordan farger settes i HTML- og CSS-kode, utvalg av RGB-nyanser i tabeller, Yandex-utdata og andre programmer
Font (ansikt, størrelse og farge), Blockquote og Pre-tagger - eldre tekstformatering i ren HTML(uten bruker CSS)
Img - HTML-tag for å sette inn et bilde (Src), justere og pakke tekst rundt det (justere), samt angi bakgrunnen (bakgrunn)
Lister i HTML-kode - UL, OL, LI og DL-tagger
Overskriftskoder og attributter H1-H6, horisontal linje Hr, linjeskift Br og avsnittsskift P i henhold til Html 4.01-standarden