Banen til html-mappen. Hvilken vei er bedre å bruke. Hva annet trenger du å vite

Jeg håper du fullførte den siste oppgaven og laget tre sider med tekst. Vi designet den ved å bruke tagger og husket formålet deres. Vel, et rimelig spørsmål dukker opp: "Hvordan navigerer jeg mellom disse sidene?" Enkelt! Vi trenger linker her.

En lenke er et sideelement som i hovedsak er ren tekst, men det er aktivt! Det vil si at når du klikker på denne teksten, blir den besøkende omdirigert til en annen side. Er det ikke sant, dette er akkurat det vi lette etter! Så la oss heller lære hvordan du bruker lenker, her er et eksempel:

Min side

Se: tag "a", og den har attributter: "href" og "target", selv om dette ikke er alle attributtene som denne taggen har, men jeg vil forklare prinsippet for deg på dem. Noen tagger, som en lenke, har attributter. I dette tilfellet er det obligatoriske og valgfrie attributter. Spesielt i vårt tilfelle er href påkrevd, men mål er det ikke.
Men tilbake til selve lenken. Når det gjelder hvilke som er bedre å lese i det tilsvarende emnet på nettstedet mitt: hva er koblingene. Men der snakket jeg ikke i detalj om relative og absolutte veier:

Https: //site/1.png - absolutt banefil: // localhost / C: /1.png - absolutt bane til lokal datamaskin../img/1.png - relativ vei

Her er noen eksempler. En absolutt bane er hardkodet til adressen til en side eller fil. Det er uønsket å bruke dem, for hvis du utvikler et nettsted på en datamaskin og deretter overfører det til serveren, må alle banene endres, kan du forestille deg hvor mye trøbbel? Det er mye bedre å bruke relative baner, som fungerer slik: det er en arbeidskatalog der den kjørende (åpne) filen er plassert. Og alle relative stier starter allerede fra arbeidskatalogen. For å gå opp i katalogen må du skrive ".." som i eksempelet ovenfor. Hvis du vil bli i denne katalogen, skriv navnet på filen eller mappen umiddelbart.

Vel, for forståelse: la oss si at vi har en mappe med filer, som ligger på følgende adresse C: \ site og det er en annen mappe C: \ site2. Den første mappen inneholder sidene side1.html, side2.html, side3.html og en mappe med img-bilder, og i en annen mappe, det vil si side2 sider side4.html og side5.html.
Følgelig åpner vi siden page1.html fra nettstedmappen som den første og danser fra den:

Side2.html - banen til den andre siden, den ligger i samme katalog som den første. side3.html er det samme. img / 1.png - et bilde i en mappe med bilder. ../site2/page4.html – denne siden er ikke inne arbeidsmappe derfor klatret vi opp i katalogen ovenfor og gikk til site2-mappen for å få tilgang til side 4. ../site2/page5.html er den samme.

Jeg håper det ble litt klarere om relative og absolutte veier.

Her er ankeret til lenken dens klikkbare tekst. Href inneholder veien vi går til. I mål - overgangsparametere åpnes for eksempel i et nytt vindu. I tittelen er det et hint til lenken som dukker opp når du peker. Det er mange flere koblingsparametere, men de er på dette øyeblikket vi trenger det ikke, for hovedsaken nå, hvis du ikke har glemt det, er å knytte de tre sidene våre sammen.
For å gjøre dette, åpne en side i notisblokk og i hoveddelen helt i begynnelsen, slik at koblingene er øverst på siden, legg til lenker:

Giraffe | Elefant | Sebra ... Deretter kommer teksten vår om dyret, som vi skrev før, i siste leksjon.

Ikke glem følgende punkter: i stedet for side1.html og 2 og 3, skriv inn navnene på sidene dine. Alle sidefiler må være i samme mappe, ellers bruk relative eller absolutte baner for å få tilgang til dem.

Linkadressen kan enten være absolutt eller relativ. Absolutte adresser må begynne med en protokoll (vanligvis http: //) og inneholde nettstedsnavnet. Relative lenker refereres fra roten til nettstedet eller gjeldende dokument.

Eksempel 8.2 viser hvordan du oppretter en absolutt lenke til et annet nettsted.

Eksempel 8.2. Bruker absolutte lenker

Lære HTML

Når du spesifiserer en nettstedskatalog (for eksempel http: // site / css /) som en kobling, vises indeksfilen. Dette er filen som lastes inn som standard når du får tilgang til en katalog uten å spesifisere et filnavn eksplisitt. Vanligvis er indeksfilen et dokument som heter index.html.

Absolutte lenker brukes vanligvis for å indikere et dokument på en annen nettverksressurs, men det er tillatt å gjøre absolutte lenker og inne på det nåværende nettstedet. Dette praktiseres imidlertid sjelden, siden slike lenker er ganske lange og tungvinte. Derfor, innenfor nettstedet, brukes hovedsakelig relative lenker.

Lenker i forhold til gjeldende dokument

Når du oppretter relative lenker, må du være klar over hvilken verdi du skal angi for href-attributtet, siden det avhenger av den opprinnelige plasseringen til filene. La oss vurdere noen typiske alternativer.

1. Filene er plassert i én mappe (fig. 8.4).

Dette filnavnet er kun tatt for en prøve; på nettstedet bør russiske tegn med mellomrom ikke brukes i filnavn, og til og med i andre tilfeller.

2. Filene er plassert i forskjellige mapper(fig. 8.5).

Når originaldokument er lagret i én mappe, og koblingen er i roten av nettstedet, så før filnavnet i lenkeadressen, bør du sette to punktum og en skråstrek (/), som vist nedenfor.

To poeng inn i dette tilfellet betyr å avslutte gjeldende mappe til et høyere nivå.

3. Filer er plassert i forskjellige mapper (fig. 8.6).

Nå original fil er plassert i to undermapper, og for å koble til dokumentet i roten av nettstedet, må du gjenta skrivingen av forrige eksempel to ganger.

Link

Det samme gjelder for et hvilket som helst antall undermapper.

4. Filer er plassert i forskjellige mapper (fig. 8.7).

Nå endrer situasjonen seg, kildefilen ligger i roten av nettstedet, og filen som skal kobles til ligger i mappen. I dette tilfellet vil banen til filen være som følger.

Link

Merk at det ikke er noen ekstra punktum eller skråstrek før mappenavnet. Hvis filen ikke er i én, men to mapper, skrives banen til den som følger.

Link

Lenker i forhold til nettstedets rot

Noen ganger kan du finne banen til filen i forhold til nettstedets rot, ser det ut som "/ Mappe / Filnavn" med en skråstrek i begynnelsen. Så, oppføringen Kurs betyr at lenken fører til en mappe kalt kurs, som ligger ved roten av nettstedet, og i den må du laste ned indeksfilen.

Vær oppmerksom på at denne registreringsformen ikke fungerer på den lokale datamaskinen, men kun under kontroll av webserveren.

Når du utvikler et nettsted, må du ofte skrive stier til filer, lenker til dokumenter, sider.
I bøker om datateknologi du kan ofte se bruken av begrepene absolutte og relative filbaner. Ofte forklarer ikke forfatteren hva en bestemt vei betyr. Leseren blir derfor forvirret når forfatteren i ettertid snakker om å bruke en absolutt og/eller relativ bane.
La oss si at du har et nettsted og du må lage en hyperkobling (lenke) til en av sidene på nettstedet. Her må du velge hvilken type bane du skal bruke: relativ eller absolutt.

Det er veldig viktig å forstå hvor hvilken sti bør brukes og den beste å bruke. Det er bare én måte å spesifisere en absolutt bane. Men det relative, i motsetning til det absolutte, har flere brukstilfeller.
Mer om hvordan og hvor den brukes absolutte og relative filbaner, skal jeg prøve å fortelle deg i dag.

Siden jeg bruker mesteparten av tiden min til nettteknologi, vil jeg gi eksempler knyttet til oppretting av nettsteder.

Absolutt vei

Når en lenke er den fullstendige URL-en til en fil eller side, dvs absolutt vei... I dette tilfellet må den brukte protokollen være til stede i adressen. For eksempel, http://www.side Er den absolutte veien til et bestemt nettsted. I dette tilfellet er den absolutte veien til hjemmeside min blogg. Hvor protokollen er http, a www.nettsted domenenavn).

Hvis du for eksempel oppgir en lenke til en katalog http://dittdomene.ua/web/ da vil indeksfilen lastes (vises). Denne regelen gjelder hovedsakelig for statiske nettsteder. Siden når du bruker et programmeringsspråk, kan du lage intern ruting. Indeksfil er vanligvis en fil som heter index.php, index.html, index.phtml, index.shtml... For å bruke en annen indeksfil, må du opprette en fil som heter .htaccess i den nødvendige katalogen, og skrive noen direktiver i den. Modifisering og oppretting av .htaccess-filen, samt ruting med et programmeringsspråk, er utenfor rammen av denne artikkelen.

I utgangspunktet brukes en absolutt sti når du trenger å koble til et annet nettsted. Med andre ord, hvis du vil sende en besøkende til et annet nettsted, må du bruke en absolutt bane. Selv om denne banen kan brukes på din egen side. Men mange holder seg til det faktum at lenker på et nettsted skal være relative.
Å bruke en absolutt bane kan introdusere noen problemer. For eksempel når du overfører et nettsted fra en lokal maskin til en server (dette er tilfellet hvis du brukte på lokal maskin adresser i formen http://localhost/sitename.ua/...). Det kan oppstå vanskeligheter når det er behov for å endre domene (nettstedsnavn). Selv om alle disse vanskelighetene kan løses, men de må bruke en viss tid.
Når det er ulemper, så må det være fordeler. Ta for eksempel en situasjon som å stjele innhold fra nettstedet ditt. I praksis har jeg mer enn en gang sørget for at hele teksten blir stjålet, uten å legge igjen en tilbakekobling til originalen. Så når du bruker absolutte baner, kan du få tilbakekoblinger fra nettstedet der det stjålne innholdet befinner seg. Men dette er bare hvis du har intern kobling ble gjort ved bruk av absolutte baner. Selv om dette ikke alltid fungerer, har jeg allerede lagt merke til mer enn en gang koblinger fra andres nettsteder hvor innholdet mitt var plassert.

Med litt avgang fra temaet vil jeg kort fortelle deg om det hva er url.

Hver nettside eller dokument på Internett har sin egen unike adresse, som kalles URL.
URL- en enhetlig lokalisator (locator) av ressursen. URL står for Uniform Resource Locator. Du kan også finne en slik transkripsjon som Universal Resource Locator (universell ressurslokalisator). Denne måten å skrive en adresse på er standardisert på Internett. Mer generelt og bredt system identifikasjon ressurs-URI erstatter gradvis termen URL.
URI er en tegnstreng som identifiserer en ressurs: dokument, fil osv. Selvfølgelig refererer dette til ressursene til Internett.

Relativ vei

Ofte brukes relative baner mye oftere enn absolutte baner. I utgangspunktet er en relativ sti angitt når du må sende en besøkende til en annen side på nettstedet ditt, eller sette inn et objekt (for eksempel et bilde) på en av sidene. I dette tilfellet er bruken i forhold til banen ganske berettiget. Avhengig av strukturen til nettstedet ditt, avhenger det av hvilken form for relativ bane du vil bruke. Det finnes to typer relative baner: dokument-relative og site-root-relative.

Dokument-relativ vei

Nøyaktig sti i forhold til dokument brukes oftest. Slike lenker kalles også lokale. I utgangspunktet brukes denne banen når gjeldende og koblede dokument (side) er i samme katalog. Hvis du flytter dokumentet til en annen katalog, må banen (lenken) endres. Selv om det er mulig å lenke til dokumenter (sider) fra andre kataloger. For dette skrives banen fra gjeldende dokument til måldokumentet (side). I dette tilfellet må banen i forhold til dokumentet spesifiseres avhengig av katalogstrukturen.
Ta for eksempel enkleste strukturen statisk nettsted.

Anta at hvert bilde i katalogen Bilder må settes inn på de tilsvarende sidene home.html, products.html, kontakt.htm l. For å sette inn et bilde, for eksempel på siden "home.html", må du registrere banen der bildet ligger. Hvis du bruker en bane i forhold til dokumentet, må du skrive følgende i sidekoden:

Denne koden for å legge inn et bilde på en side er ufullstendig. Siden den ikke inneholder flere viktige egenskaper som bredde, høyde osv. Attributt src, tjener her til å spesifisere banen til filen. Alle andre attributter er utelatt her, da de ikke er så viktige nå. Hovedsaken nå er at du har en ide om hvordan banen ser ut i forhold til dokumentet.
Ved bruk av dokumentrelative baner mangler en del av den absolutte banen. Delen av den absolutte banen avkortes her, både for gjeldende dokument (side) og for den koblede. Her brukes kun den delen av stien som alltid er i endring.
La meg minne deg nok en gang om at når du bruker en bane i forhold til dokumentet, må du ta hensyn til den opprinnelige plasseringen av filene.

Se for deg en situasjon hvor siden products.html, vil ikke være plassert i rotkatalogen til nettstedet (som det var i forrige eksempel), men i en underkatalog. Nå må du sette inn bildet i filen products.html som ligger dypere enn rotkatalogen til nettstedet.

For å sette inn et bilde i en fil products.html trenger å gå tilbake til rotkatalogen... Etter det kan du bruke den allerede kjente banen, som ble nevnt rett ovenfor.

Som du kan se fra koden ovenfor, er følgende nå lagt til banen: ../ ... Bare denne sekvensen av tegn ../ og tjener til å flytte én katalog (nivå) høyere i kataloghierarkiet. Banen i koden ovenfor kan leses slik: «Gå en katalog opp (tilbake), gå til katalogen Bilder og ta filen derfra products.png«.
Hvis ../ betyr å flytte én katalog (nivå) høyere i kataloghierarkiet, deretter symbolet / indikerer en overgang ett nivå under.
Sekvens av tegn ../ kan brukes flere ganger underveis. For eksempel hvis filen products.html flytte til tre kataloger nestet i hverandre, så må du bruke følgende kode:

Som du kan se fra de foregående eksemplene, bruker du stier i forhold til dokument berettiget i mange tilfeller. Denne typen vei brukes ofte i praksis, og den kan brukes i nesten alle situasjoner. Som jeg sa ovenfor, er det også en sti i forhold til roten til nettstedet, som faktisk vil bli diskutert nedenfor.

Bane i forhold til nettstedroten

Du har sikkert allerede innsett at dokument-relative stier brukes veldig ofte. Men det er ett problem når du bruker dem. Det vil si at når du endrer katalogstrukturen, må banene endres.
Men dette problemet kan løses ved bruk stier i forhold til nettstedroten... Hvor banen er fra rotkatalogen til dokumentet.
Alle stier i forhold til nettstedets rot starter med tegnet / ... Bare her, i motsetning til dokument-relative stier, brukes dette tegnet for å indikere rotkatalogen. Fordi den brukes i begynnelsen av stien.
Banen i forhold til nettstedets rot lar deg flytte noen filer uten å skade koblingene. Du kan bruke denne typen sti bare på en webserver på Internett, eller på en webserver som er plassert på en lokal maskin.

Nettserveren på den lokale maskinen kan være -. Som lar deg lage et miljø på datamaskinen din for å lage nettsteder og deres foreløpige testing.

Den relative rotbanen inneholder ingen av delene http-protokoll, ikke noe domenenavn. Og som sagt, det begynner med å spesifisere symbolet / som peker til rotkatalogen. Denne katalogen inneholder vanligvis indeksfilen til hovedsiden.

For eksempel, /images/products.png angir at filen products.png ligger i mappen Bilder som ligger i rotkatalogen.

Den enkleste måten å finne ut den rotrelative banen på er å ta den absolutte og slippe http: // og vertsnavnet.

Eksempel
Noen ganger er det nødvendig at informasjonen på én side ble brukt av andre sider på nettstedet. Dette gjøres ofte for å redusere mengden repeterende kode på hver side. La oss si at det er en fil _contact.html som inneholder informasjon om telefonnummer, e-post og inneholder et bilde contact.png... (La det være en liten tabell som vil være plassert på hver side av nettstedet.)

Følgende kode er for å sette inn "contact.png"-bildet.

Koden som kreves for å sette inn en fil i en annen, er utenfor rammen av denne artikkelen. Alt avhenger av programmeringsspråket som brukes.

Jeg håper du allerede vet hvilken type bane som ble brukt i koden ovenfor. Hvis ikke, se den ovennevnte dokument-relative definisjonen av banen.
Nå, når en besøkende besøker slike nettstedssider som home.html, kontakt.ntml, vil han se en perfekt gjengitt side. I hver av dem er det satt inn en fil _contact.html, som igjen settes inn i bildet contact.png.
Med andre ord ved å gå for eksempel til siden home.html, skjer følgende: "Koden til hovedsiden kjøres home.html... Deretter settes sidekoden inn og kjøres. _contact.html... Sidekode _contact.html, sier at du må gå til katalogen Bilder og ta et bilde derfra contact.png«.
Hvis du utelater den faktiske innebygde koden, fungerer alt bra. Men hvis du kjører siden products.html da vil det oppstå en feil. Siden koden vil prøve å finne katalogen Bilder og filen contact.png i katalogen Produkter... Men en slik katalog finnes ikke der, og det er derfor problemet faktisk oppstår.
Det blir tydelig at du ikke kan bruke en sti i forhold til dokumentet her.
Selvfølgelig kan du bruke en absolutt sti her. Jeg snakket om fordeler og ulemper ved denne tilnærmingen ovenfor.
Generelt sett er dette en av situasjonene der du må bruke en bane i forhold til nettstedroten. Når du bruker en sti i forhold til nettstedets rot, vil koblingen alltid starte fra rotkatalogen (nettstedets rot). Denne typen bane lar deg bruke innebygd kode, for eksempel bilder, uavhengig av nettstedhierarkiet og dets kataloger.
Ved å bruke en bane i forhold til nettstedroten i eksemplet ovenfor vil du unngå problemer med bildeinnsetting. For uansett hvor den vil bruke denne typen sti, vil den alltid finne filen som er spesifisert i den.
Nettstedsrotbanen er veldig lik den dokumentrelative banen. For å lage en bane i forhold til nettstedets rot, må du legge til symbolet / til begynnelsen av stien.

Nå vil bildet bli satt inn riktig på alle sidene på nettstedet.

Jeg håper jeg har hjulpet deg litt med å forstå hvilke veier som finnes, og når og hvor de brukes. Nå kan du bruke alle typer stier til deres tiltenkte formål.

Som du vet, i href-parameteren til taggen (), må du spesifisere banen til filen som koblingen gjøres til.
Mange skriver noe som http://somesite.ru/catalog/doc.html. Ja, ingen krangler, det fungerer. Men det er ett "men". La oss se på et eksempel.

La nettstedet ditt være vert, for eksempel på en gratis hosting, og adressen var følgende: http://fsite.freehosting.ru.
Det er rundt 100 dokumenter på serveren. Så du bestemte deg for å flytte nettstedet ditt til et annet domene,
la det være betalt hosting i ru-sonen: http://site.ru. Vel, nå overalt endre http://fsite.freehosting.ru til http://site.ru?
Ja, takket være redaktører som homesite er dette mulig. Men dette er ikke et alternativ.
Anta at du kontrollerer funksjonaliteten før du laster opp en side til serveren.
på din hjemme-apache-server (for de som ennå ikke vet hva en "hjemmeserver" er - her (Installere og konfigurere apache-serveren), og i stedet for http: // localhost, må du skrive http://site .ru overalt. Enig, i det minste ubehagelig.

Løsningen er at når du spesifiserer banen til filen, ta ikke hensyn til dens posisjon på nettstedet, men dens posisjon på serveren.

Absolutt vei