Absoluta och relativa länkar. Hyperlänk i Word: skapa och konfigurera

Länkadressen kan vara antingen absolut eller relativ. Absoluta adresser måste börja med ett protokoll (vanligtvis http://) och innehålla namnet på webbplatsen. Relativa länkar är baserade på roten på webbplatsen eller det aktuella dokumentet.

Exempel 8-2 visar hur man skapar en absolut länk till en annan webbplats.

Exempel 8.2. Använder absoluta referenser

Absolut adress

Att lära sig HTML



När du anger en webbplatskatalog som en länk (till exempel http://site/css/), visas en indexfil. Detta är filen som laddas som standard när en katalog nås utan ett explicit filnamn. Vanligtvis är indexfilen ett dokument med namnet index.html .

Absoluta länkar används vanligtvis för att peka på ett dokument på en annan nätverksresurs, men det är tillåtet att göra absoluta länkar inom den aktuella webbplatsen. Detta praktiseras dock sällan, eftersom sådana länkar är ganska långa och besvärliga. Därför används främst relativa länkar inom sajten.

Länkar i förhållande till det aktuella dokumentet

När du skapar relativa länkar måste du förstå vilket värde för href-attributet som ska anges, eftersom det beror på den ursprungliga platsen för filerna. Låt oss titta på några typiska alternativ.

1. Filerna finns i en mapp (Fig. 8.4).

Ett sådant filnamn togs endast som ett prov, på webbplatsen bör ryska tecken med mellanslag inte användas i filnamn, och till och med i olika fall.

2. Filer placeras i olika mappar (Fig. 8.5).

När källdokumentet lagras i samma mapp och det refererade dokumentet finns i roten av webbplatsen, ska två punkter och ett snedstreck (/) placeras framför filnamnet i länkadressen, som visas nedan.

Två prickar i det här fallet innebär att du lämnar den aktuella mappen till en högre nivå.

3. Filer placeras i olika mappar (Fig. 8.6).

Nu finns källfilen i två undermappar, och för att referera till dokumentet i roten av webbplatsen måste du upprepa föregående exempel två gånger.

Länk

Detsamma gäller för valfritt antal kapslade mappar.

4. Filer placeras i olika mappar (Fig. 8.7).

Nu håller situationen på att förändras, källfilen finns i roten på webbplatsen och filen som du vill länka till finns i mappen. I det här fallet blir sökvägen till filen som följer.

Länk

Observera att det inte finns några ytterligare punkter eller snedstreck före mappnamnet. Om filen inte finns i en, utan i två mappar, skrivs sökvägen till den så här.

Länk

Länkar i förhållande till webbplatsens rot

Ibland kan du hitta sökvägen till filen i förhållande till roten på webbplatsen, ser det ut som "/Mapp/Filnamn" med ett snedstreck i början. Ja, spela in Kurser innebär att länken leder till en mapp som heter kurs, som finns i roten på sajten, och i den behöver du ladda ner indexfilen.

Observera att denna form av inmatning inte fungerar på den lokala datorn, utan endast under kontroll av webbservern.

Först, låt mig bara inleda detta med att säga vänligen använd inte hash-symbolen före en import eller ett bibliotek eller något. Detta är en gammal syntax som skrivs av. Så vi vill inte längre använda #import("...") Rätt syntax är:

Importera "some_file.dart";

Det finns dock två olika saker vi kan göra med att komma åt olika källor för dartfiler i vår nuvarande fil. Den första är importfilen. Vi använder detta till exempel i ditt fall där du vill lägga till ett annat bibliotek till den aktuella filen (eller mer exakt det aktuella biblioteket).

Om filerna finns i samma katalog eller underkatalog som den nuvarande skulle vi vanligtvis importera dem så här:

Importera "lib/library.dart";

Men om du använder pubpaketets layout kan du också använda några speciella korta länkar samt filimporter (särskilt från andra paket du har importerat). Jag rekommenderar starkt att läsa dokumenten på pubsidan eftersom de flesta applikationer och bibliotek är utformade med detta i åtanke. Den har också förslag på bättre namnkonventioner, som alla gemener filnamn, och användning av understreck för mellanslag och kataloglayouter.

En annan viktig sak att veta om att casta en dartfil till en annan fil är att vi kan använda del och del av direktiv. Detta brukade kallades #source , men har ändrats (hash-symbolen tagits bort) för att hjälpa till med viss förvirring. Deldirektivet används när vi vill skriva ett enda bibliotek som spänner över flera filer. Låt oss säga att du till exempel har Fantastiskt bibliotek, som börjar bli lite större för en enda fil. Vi kommer att skapa huvudbiblioteksfilen (inte att förväxla med huvudmetoden). Vanligtvis har den här filen samma namn som själva biblioteket.

// awesome_library.dart bibliotek awesome_library; importera "dart:math"; importera "..."; // detta injicerar allt innehåll i secret_file.dart // i den här filen här nästan som om det var // här från början. del "src/secret_file.dart"; // Resten av vår fil här // ...

Partdirektivet tar i princip allt från vår Src/secret_file.dart och klistrar in det i den delen av filen. Detta gör att vi kan bryta upp ett enormt bibliotek Fantastiskt bibliotek i flera mindre filer som är lättare att underhålla. Även om det inte krävs specifikt, är det användbart att använda delen av direktivet i vår secret_file.dart-fil för att hjälpa redaktören att veta att den är "en del av" biblioteket.

// secret_file.dart del av awesome_library; // ... Resten av vår hemliga_fil-kod nedan.

Observera att när du använder en delfil som denna kan delen/delarna (dvs allt som inte är huvudbiblioteksfilen) inte importera eller använda själva biblioteksdeklarationerna. De importerar allt som importeras i huvudfilen, men de kan inte lägga till ytterligare importdata.

Symboliska och hårda länkar är en funktion i Linux-filsystemet som låter dig placera samma fil i flera kataloger. Detta är mycket likt genvägar i Windows, eftersom filen faktiskt stannar där den var, men du kan referera till den från någon annanstans.

Det finns två typer av fillänkar i Linux. Dessa är Linux-symboliska och hårda länkar. De är väldigt olika och varje typ är väldigt viktig. I den här korta artikeln kommer vi att titta på hur dessa länkar skiljer sig, varför de behövs, och även hur man skapar länkar till filer i Linux.

Symboliska länkar liknar mest vanliga genvägar. De innehåller adressen till den önskade filen i ditt filsystem. När du försöker öppna en sådan länk öppnas målfilen eller mappen. Dess huvudsakliga skillnad från hårda länkar är att när målfilen raderas kommer länken att finnas kvar, men den pekar ingenstans, eftersom filen faktiskt inte längre existerar.

Här är huvuddragen i symboliska länkar:

  • Kan referera till filer och kataloger;
  • Efter radering, flyttning eller byte av filen blir ogiltig;
  • Behörigheterna och inodnumret skiljer sig från originalfilen;
  • Om du ändrar behörigheterna för källfilen kommer behörigheterna för länken att förbli oförändrade;
  • Du kan referera till andra diskpartitioner;
  • Innehåller endast namnet på filen, inte dess innehåll.

Hårda länkar

Denna typ av länk är implementerad på en lägre nivå av filsystemet. Filen finns endast på en specifik plats på hårddisken. Men denna plats kan refereras av flera länkar från filsystemet. Var och en av länkarna är en separat fil, men de leder till samma område på hårddisken. Filen kan flyttas mellan kataloger och alla länkar kommer att fortsätta fungera, eftersom namnet inte är viktigt för dem. Tänk på funktionerna:

  • Arbeta bara inom samma filsystem;
  • Kataloger kan inte refereras;
  • Ha samma inodinformation och behörighetsuppsättning som den ursprungliga filen;
  • Behörigheter för en länk ändras när filens behörigheter ändras;
  • Du kan flytta och byta namn på och till och med ta bort filen utan att skada länken.

Använda länkar i Linux

Du vet de teoretiska skillnaderna, men det återstår att konsolidera allt detta i praktiken, så låt oss ge några exempel på att arbeta med länkar i Linux. Verktyget ln används för att skapa symboliska länkar. Dess syntax är mycket enkel:

$ln alternativ källfil länkfil

Tänk på verktygsalternativen:

  • -d- Tillåt superanvändare att skapa hårda länkar för kataloger;
  • -f- ta bort befintliga länkar;
  • -jag- fråga om du vill ta bort befintliga länkar;
  • -P- skapa en hård länk;
  • -r- skapa en symbolisk länk med en relativ sökväg till filen;
  • -s- skapa en symbolisk länk.

Skapa symboliska länkar

Skapa först en testmapp och byt till den:

mkdir test && cd test

Skapa sedan en fil som heter source med lite text:

echo "text text text text" > källa
$ kattkälla

Ln -s källa mjuklänk

Låt oss försöka se innehållet i filen från länken:

Som du kan se är det ingen skillnad mellan den och originalfilen. Men verktyget ls visar att det här verkligen är en länk:

Även om innehållet är detsamma kan vi här se att inodadressen och filbehörigheterna är olika, och det är tydligt visat att detta är en Linux-symbolisk länk.

Radera nu originalfilen och se vad som händer:

Du får ett felmeddelande om att filen inte finns eftersom vi faktiskt har tagit bort originalfilen. Om du tar bort länken förblir originalfilen på plats.

Skapa hårda länkar

Skapa en fritextkällfil igen:

echo "text text text text" > källa
$ kattkälla

I källans hårdlänk

Titta på innehållet i filen:

Datan är densamma, och om vi tittar på utdata från verktyget ls kommer vi att se att inoden och behörigheterna också är desamma:

Om du ändrar behörigheter för en av filerna ändras de för den andra. Ta nu bort originalfilen:

Titta sedan på innehållet:

Som du kan se hände ingenting och länken pekar fortfarande till den högra delen av skivan, detta är den största skillnaden mellan en hård länk och en symbolisk. Vi kan dra slutsatsen att en hårdlänk för linux är en vanlig fil. Varje fil har minst en länk, men för vissa kan vi skapa flera länkar.

Slutsatser

Det är allt du behöver veta om linux symboliska länkar och hårda länkar. Jag hoppas att du får en allmän uppfattning om dessa filsystemfunktioner och kan använda dem för att lösa dina problem.

Om författaren

Grundare och administratör av sajten, jag är förtjust i programvara med öppen källkod och operativsystemet Linux. Jag använder för närvarande Ubuntu som mitt huvudoperativsystem. Förutom Linux är jag intresserad av allt som rör informationsteknologi och modern vetenskap.

Länkar kan delas in i två kategorier:
länkar till externa resurser- skapas med hjälp av en tagg och används för att förbättra funktionerna för det aktuella dokumentet när det bearbetas av webbläsaren;
hyperlänkar- länkar till andra resurser som användaren kan besöka eller ladda ner.

Hur man skapar hyperlänkar på en webbplats

1. Länkstruktur

Hyperlänkar skapas med hjälp av . Inuti taggen placeras texten som kommer att visas på webbsidan. Länktexten visas i webbläsaren med en understrykning, teckensnittsfärgen är blå och när du för muspekaren över länken ändrar muspekaren utseende.

Obligatorisk taggparameter är href-attributet, som anger webbsidans URL.

länkpekare

Länken har två delar - pekare Och adressdel. länkpekare representerar ett stycke text eller en bild som är synlig för användaren. Adressdel länken är inte synlig för användaren, den representerar adressen till den resurs som du vill navigera till.

Adressdelen av länken består av URl. URL(Uniform Resource Locator) - en enhetlig resursadress. När du skapar adresser för att separera ord rekommenderar vi att du använder ett bindestreck istället för ett understreck. I allmänhet har en webbadress följande format:

Åtkomstmetod://servernamn:port/sökväg

Åtkomstmetod, eller protokoll, utbyter data mellan arbetsstationer i olika nätverk. De vanligaste dataöverföringsprotokollen:

fil läser en fil från den lokala disken:

File:/gallery/pictures/summer.html

http ger åtkomst till en webbsida med hjälp av HTTP-protokollet:

http://site.ru/

https är en speciell implementering av HTTP-protokollet som använder kryptering (vanligtvis SSL eller TLS)

https://site.ru/

ftp gör en begäran till FTP-servern för att få en fil:

ftp://pgu/katalog/bibliotek

mailto startar en e-postsession med angiven destination och värd:

Mailto: [e-postskyddad]

Server namn beskriver det fullständiga namnet på maskinen i nätverket, till exempel site.ru . Om servernamnet inte anges anses länken vara lokal, dvs. det hänvisar till samma maskin som HTML-dokumentet som innehåller länken.

TCP-portnummer på vilken webbservern körs. Detta är ett nummer som måste anges om metoden kräver ett portnummer (enskilda servrar kan ha sitt eget distinkta portnummer). Om ingen port anges används port 80 som standard. Standardportar är:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

Sätt innehåller namnet på mappen där filen finns.

2. Absolut och relativ väg

När endast ett filnamn anges i en länk, antar webbläsaren att filen finns i samma mapp som dokumentet som innehåller hyperlänken. I praktiken innehåller webbplatser hundratals dokument, som placeras i separata mappar för att göra dem lättare att hantera. För att skapa en länk till en fil utanför mappen som innehåller det aktuella dokumentet måste du ange filens plats eller sökväg. HTML stöder två typer av sökväg: absolut och relativ.

Ris. 1. Exempel på mappstruktur

2.1. Absolut väg

Absolut väg anger den exakta platsen för filen inom hela mappstrukturen på datorn (servern). Den absoluta sökvägen till filen ger åtkomst till filen från tredjepartsresurser och innehåller följande komponenter:
1) protokoll, till exempel http (valfritt);
2) domän (domännamn eller dators IP-adress);
3) mapp (namnet på mappen som anger sökvägen till filen);
4) fil (filnamn).

Det finns två typer av absoluta sökvägsposter - med och utan ett protokoll:

http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Om filen finns i rotmappen blir sökvägen till filen som följer:

http://site.ru/index.html

Om det inte finns något filnamn kommer webbsidan som är inställd som standard i webbserverinställningarna (den så kallade indexfilen) att laddas.

http://site.ru/

Vanligtvis är indexfilen ett dokument med namnet index.html . Förekomsten av ett snedstreck / betyder att adressen går till mappen, om den inte finns, direkt till filen.

2.2. Relativ väg

Relativ väg beskriver sökvägen till det angivna dokumentet i förhållande till det aktuella. Sökvägen bestäms utifrån platsen för webbsidan där länken finns. Relativa länkar används när du skapar länkar till andra dokument på samma webbplats. När webbläsaren inte hittar http://-protokollet i länken, letar den efter det angivna dokumentet på samma server.

En relativ sökväg innehåller följande komponenter:
1) mapp (namnet på mappen som anger sökvägen till filen);
2) fil (filnamn).

Vägen för relativa länkar har tre speciella notationer:
/ pekar på rotkatalogen och talar om för dig att börja från dokumentets rotkatalog och arbeta dig ner till nästa mapp
./ pekar på den aktuella mappen
../ gå upp en mapp (katalog)

Huvudskillnaden mellan en relativ sökväg och en absolut sökväg är att den relativa sökvägen inte innehåller namnet på rotmappen och överordnade mappar, vilket gör adressen kortare, och i händelse av att du flyttar från en domän till en annan behöver du inte att skriva en ny absolut adress. Men om en tredjepartsresurs länkar, till exempel, till dina bilder med relativa adresser, kommer de inte att visas på en annan webbplats.

3. Ankare

Ankare, eller interna länkar, skapar länkar till olika delar av den aktuella webbsidan, så att du snabbt kan navigera mellan avsnitten. Detta är praktiskt när det är för mycket text på sidan. Interna länkar skapas också med taggen med skillnaden att href-attributet innehåller namnet på pekaren - den sk ankare, inte en URL. Ett pekarnamn föregås alltid av ett #-tecken.

Hej kära besökare!

I den här artikeln kommer jag att visa dig hur du lägger till en länk till din webbplats i form av en enkel hyperlänk, en bild och en knapp som du kan anpassa med CSS-stilar. Alla tre alternativen är mycket vanliga och har en ganska bra effekt när de används av besökare.

Låt oss börja med det enklaste och gå vidare till det mer komplexa.

Vanlig länk och hyperlänk

http://site/poleznoe/kak-sdelat-ssylku-na-sait.html

http : //site/poleznoe/kak-sdelat-ssylku-na-sait.html

Det här alternativet har en plats att vara, men det finns en betydande nackdel om vi pratar om effektiviteten av en sådan länk. Den är inte klickbar, det vill säga du kan inte gå till den med ett enkelt musklick. Detta alternativ är ganska svårt för besökare att uppfatta.

En annan sak är en hyperlänk som vid klick omdirigerar till ett annat dokument på Internet, både internt (inom samma sida) och externt (en annan sida). Ett exempel på en sådan länk kan ses nedan. Testa att klicka på länken.

Huvudsidan för min resurs bör öppnas på en ny flik. För att implementera detta alternativ måste du antingen använda verktygen i din motor eller skriva följande rad i HTML-koden.

Klicka här

Länken skapas med en enkel tagg , där det finns själva adressen, dit användaren behöver omdirigeras, samt länkankaret (i exemplet ovan är ankaret uttrycket "klicka här"), som anger länktexten som förklarar vad du kommer att få när du går till den här adressen.

Om du har en enkel webbplats gjord i HTML, bör du skriva just en sådan kod i sidredigeraren, ändra min adress till din egen och ange ditt ankare. Det kommer att se ut så här.

Inuti länktaggen det finns också ett attribut för att öppna sidan på en ny flik.

target="_blank"

Detta är också mycket viktigt, så det är tillrådligt att inte kasta besökaren från resursen, utan att lämna honom. Genom att använda detta attribut ser du till att besökaren som klickar på många länkar på en sida inte lämnar den nuvarande, utan samtidigt öppnar många andra sidor. Detta är viktigt om du marknadsför en webbplats.

Du kan lägga till title-attributet till länken, som är en title-tagg och låta sökmotorerna veta vart länken leder. Den här taggen visas också (om den är registrerad) när vi håller muspekaren över länken i form av ett verktygstips.


Det är en bra idé att lägga till en titeltagg så att besökarna ser det här verktygstipset när de håller muspekaren och förstår vart de är på väg. Detta görs enkelt, inuti öppningsbrickan , som i exemplet nedan.

När du använder en motor som WordPress är det mycket enkelt att lägga till en länk till webbplatsen utan några redigeringar i html-läge. Inspelningsredigeraren har en speciell ikon med en anslutningsikon.

På bilden visade jag hela processen med att lägga till en länk mellan text och en annan sida.

  1. Välj först den fras som du vill skapa en länk;
  2. Klicka på ikonen Lägg till länk.
  3. Vi ställer in länkparametrarna (adressen till sidan dit du vill överföra användaren, såväl som titeln på länken, det vill säga ankaret, om det behövs).

Titeln på länken kan utelämnas, eftersom det kommer att vara den text som valdes i det första steget. På bilden visade jag lägga till länkar från befintliga sidor på webbplatsen. Du kan göra detta, sedan genom att klicka på en av posterna från listan över webbadresser så kommer titeln att matas in automatiskt.

URL:en kan också anges på en extern webbplats. Om så är fallet anger du sidans fullständiga (absoluta) adress. För att öppna en sida i en ny flik behöver du inte skriva attributet för hand. Motorn ger denna möjlighet med en enda kryssruta (se bilden ovan).

Lite högre sa jag om den absoluta adressen. Det betyder att den fullständiga adressen till sidan som du vill omdirigera skrivs in i länken, oavsett om det är vår resurs eller annan.

Det finns också en relativ adress, när det inte är nödvändigt att skriva hela adressen. Det räcker bara att registrera sökvägen till någon katalog eller sida på webbplatsen, utan att ange domännamnet. Sådana länkar fungerar bara för sidan inom samma resurs. Du kommer inte att referera till ett externt projekt på detta sätt.

Om du vill gå djupare in i processen att generera relativa adresser rekommenderar jag starkt läs den här artikeln på en annan resurs. Allt är väldigt coolt där.

Länkbild

Länkar i form av bilder är också flitigt använda, även om de endast bör användas för det avsedda syftet. Om vi ​​är enkla länkar till andra sidor på vår sida, är det bättre att inte göra dem bilder, eftersom det inte alltid är tydligt att du behöver klicka på bilden för att komma till någon sida.

Det är användbart att göra detta när du vill annonsera någon, till exempel någons videokurs. I det här fallet ger du en vanlig hyperlänk, omedelbart följt av en länkbild. I det här fallet blir det tydligare att bilden leder till kurswebbplatsen, där den kan köpas.

Om vi ​​tar html-läget är principen för att bygga länkstrukturen exakt densamma, inklusive alla attribut. Den enda skillnaden är länkankaret, som ser ut som koden för själva bilden. I det förra fallet var det klartext.

I praktiken kommer det att se ut så här.

Som du kan se, inuti de öppnande och avslutande länktaggarna finns det en bildkod, som också har sina egna egenskaper. Du måste skriva samma titeltagg i den, ange sökvägen till bilden på webbhotellet eller på en annan resurs. Det är också värt att ange bildens dimensioner (bredd - bredd, höjd - höjd). Och se till att inkludera alt-attributet, som fungerar som en beskrivning av bilden. Om du skriver ner allt så kommer bildoptimeringen att vara på nivån.

Så här ser det ut i html-läge. Jag delade upp koden i 3 delar så att länkstrukturen blev mer begriplig (bilden är klickbar).

Svårigheten här är bara att korrekt föreskriva bildkoden, som används som ett ankare.

Länkknapp med CSS-stilar

Om du vill göra något annorlunda, då är det här alternativet också rätt plats att vara. Dessutom låter det dig ändra stilar så att när du håller muspekaren över knappen kommer både själva knappen och färgen på inskriptionen som kommer att vara inuti den att ändras. Om du tar en bild så är det inte alltid möjligt att inse detta. Allt är möjligt med stil.

En mycket bra fördel är också att vi kan placera knappen strikt i mitten och den kommer bara att vara klickbar i knappområdet. Om vi ​​tar en bild, då när den placeras i mitten, kommer hela området av innehållsdelen i bredd runt bilden att vara klickbar. Ibland leder en sådan brist till ett oavsiktligt klick på bilden och, ärligt talat, irriterande.

Till exempel skapade jag en så enkel knapp som leder till sidans huvudsida. Du kan kolla om det fungerar.

Om du tittar på knappens källkod så är ni alla väldigt enkla. Den enda skillnaden från en vanlig hyperlänk är närvaron av ett id, som läggs till i öppningstaggen och till den i sin tur skrivs stilar i filen style.css.

Här är strukturen på själva knappen.

Det ser vi direkt efter att länktaggen öppnats id="button" anges, som har sina egna designstilar tilldelade. Resten av strukturen är identisk med hyperlänken.

Principen är tydlig, så jag ger stilarna som jag lagt till på den här länkknappen.

/* knappstilar i normalt läge */#knapp ( display: block; bredd: 550px; /* knappbredd */höjd: 60px; /* höjd */bakgrundsfärg: #ff4343; /* bakgrundsfärg */text - skugga: 1px 1px #800909; /* textskugga */färg: #fff; /* textfärg */border-style: solid; /* knapp kantlinjetyp */border-width: 1px; /* tjocklek knappkant (ram) linjer */border-color: #db3a3a; /* knappkant (ram) linjefärg */font-size: 18px; /* textstorlek */line-height: 60px; /* text linjär höjd * /font -vikt: normal; /* textvikt */font-family: arial; /* teckensnitt */text-align: center; /* textjustering */textdekoration: ingen; /* textunderstrykning */marginal: 40px auto; /* utfyllnad av knappen från andra element på sidan */text-transform: versaler; /* så att alla bokstäver är versaler. Om inte, ta bort raden */) /* knappstilar vid muspekaren */# knapp: hover (bakgrundsfärg: #f23333; teckenstorlek: 19px;)