Ablakok.  Vírusok.  Laptopok.  Internet.  Hivatal.  Segédprogramok.  Drivers

Hivatkozás létrehozásához meg kell adnia a böngészőnek, hogy mi a hivatkozás, és meg kell adnia annak a dokumentumnak a címét is, amelyre hivatkozni kíván. Mindkét művelet a címke használatával történik , amely az egyetlen kötelező attribútumot tartalmazza a href . Az érték a dokumentum címe (URL).

A link címe lehet abszolút vagy relatív. Az abszolút címek bárhol és mindenhol működnek, függetlenül annak a webhelynek vagy weboldalnak a nevétől, ahol a hivatkozás regisztrálva van. Az adatátviteli protokoll jelzésével kezdődnek. Tehát a weboldalak esetében ez általában a HTTP (HyperText Transfer Protocol), ennek megfelelően az abszolút hivatkozások a http:// kulcsszóval kezdődnek (1. példa).

1. példa: Abszolút hivatkozások használata

Abszolút link

Yandex kereső

Példák relatív címekre

/
/demo/ Ezt a két hivatkozást részleges hivatkozásnak nevezzük, és arra utasítják a webszervert, hogy töltse be az index.html (vagy alapértelmezett.html) fájlt, amely a webhely gyökér- vagy bemutatómappájában található. Ha az index.html fájl hiányzik, a böngésző általában megjeleníti az adott könyvtárban található fájlok listáját.

/images/pic.gif A cím előtti perjel azt jelzi, hogy a címzés a webhely gyökerétől kezdődik. A link a pic.gif képre vezet, amely a képek mappában található. És ez viszont a webhely gyökerében található.

../help/me.html Két pont a név előtt jelzi a böngészőnek, hogy egy szinttel feljebb lépjen a webhelykönyvtárak listájában.

manual/info.html Ha a mappa neve előtt nincsenek további karakterek, például pontok, akkor az az aktuális könyvtárban található (2. példa).

2. példa: Relatív hivatkozások használata

Relatív link

Nézd meg a fotómat!

Hogyan lehet ugyanazt a fényképet készíteni?

Sziasztok, a blogoldal kedves olvasói. Úgy döntöttem, hogy a mai kiadványt a webmastering legfontosabb aspektusának szentelem, ahol megpróbálom részletesen elmagyarázni, mi is az a hiperhivatkozás, amelyhez elválaszthatatlanul kapcsolódik, ami viszont túlzás nélkül az internet alapja.

De ahhoz, hogy helyesen hozzon létre hiperhivatkozásokat és illessze be őket a weboldalak kódjába (például a webhelyére), tanulmányoznia kell a hiperszöveg jelölőnyelv megfelelő területét (), mivel ezeket az elemeket a HTML segítségével alakítják ki. egy címke, amely képes a hivatkozást a kívánt típusra frissíteni.

Tehát ma megnézzük, milyen részekből áll egy hiperhivatkozás, hogyan teszi lehetővé a cél üres attribútum használatával egy oldal új ablakban (lapon) történő megnyitását, hogyan lehet bármely képet hivatkozássá tenni, és sok más fontos részletet. Többek között ezek az információk elősegítik a HTML nyelv tanulását.

Mi az a hiperhivatkozás, és nevezhető-e hivatkozásnak?

A címben feltett kérdésre válaszolva elmondom, hogy a „link” kifejezés tágabb szemantikai spektrummal rendelkezik (hivatkozás Szibériára, bank a fizető azonosítására, szöveg egy könyvben stb.), beleértve a „link” fogalmában rejlő jelentést is. „hiperhivatkozás” , amely csak a hipertexthez kapcsolódik, ami lehetővé teszi az információk nemlineáris észlelését.

És így, a hiperhivatkozás a hivatkozás speciális esete, ezért egyenrangúan használhatók a mai témákban. Ezt fogom kihasználni a mai bejegyzésben, mindkét kifejezést használva a felesleges kulcsszóspam elkerülése érdekében.

De vannak láthatatlan szolgáltatások is, amelyek felhasználásával készültek és belül található, amelynek feladata, hogy számos jelet és parancsot küldjön a böngészőknek egy adott funkció végrehajtásához.

Például szolgáltatáshivatkozások használatával lehetőség nyílik egy ikon megjelenítésére. Csak a HTML-kód részeként láthatók (ehhez kattintson a böngészőben megnyitott bármelyik oldalra):


Egyelőre hagyjuk békén a szolgáltatási hivatkozásokat, és vegyük figyelembe a hiperhivatkozások létrehozásának általános mintáját. Az a közös bennük, hogy mindegyikükben megvan kötelező href attribútum, melynek értéke a dokumentum címe (). A HTML hivatkozás a webhely belső oldalára vagy külső dokumentumra vezethet.

Még egy fontos megjegyzés. A href attribútum használata kattinthatóvá teszi a hiperhivatkozásokat, azaz lehetővé teszi a felhasználók számára, hogy a rákattintás hatására automatikusan a weboldal megfelelő oldalára lépjenek.

Hogyan készítsünk hiperhivatkozást HTML-ben a href segítségével

Tehát már tudjuk, hogy egy link létrehozásához szükség van a tag és a href attribútumra, amelyek paraméterei különböző típusú URL-ek lehetnek. Mert a a ezt, majd a nyílás között és zárás tartalmazza a weboldalon megjelenő tartalmat.

Ez a tartalmat horgonynak nevezikés bemutatható szöveg vagy kép formájában (a kép elkészítésének módjáról egy link alatt bővebben szólunk). Mint már megjegyeztem, a horgony kattintható lesz. Nézzünk egy példát egy szöveges tartalmú hiperhivatkozásra. Így fog kinézni a kialakítása HTML kódban:

egy kicsit a horgonyokról

A HTTP mellett a biztonságos HTTPS protokoll is használható. A linknek nem kell weboldalra vezetnie. Minden a href értéktől függ, ami lehet valamilyen fájl elérési útja:

//site/wp-content/uploads/2012/05/giperssylqi-v-html.jpg

Letöltés

A weboldalon ez a link a következő formában jelenik meg:

A böngésző „érti”, hogy egy .zip kiterjesztésű objektum csak letöltésre szánható, erre kéri a felhasználót.

Mellesleg, bármely fájl elérési útja néha FTP()-en keresztül van jelezve. Ezután a href attribútumparaméterként használt URL-ben egyszerűen le kell cserélnie a HTTP protokollt (HTTPS) FTP-re. A fájl hivatkozása így fog kinézni:

letöltés a szerverről

De ez még nem minden. Hasonló módon egy e-mailre mutató hivatkozás jön létre a mailto pszeudo-protokoll használatával A levélíró eszköz gyors eléréséhez:

leveleket ír

Egy ilyen hivatkozásra kattintás után meg kell jelennie az alapértelmezett levelezőprogram ablakának, amelyben összeállíthatja az üzenet szövegét, és elküldheti a már megadott címre, amint azt valószínűleg sejtette, a href-ből.

A gyakorlatban a levélre mutató hiperhivatkozásokat korábban nagyon gyakran használták a webmesterek és a nagy erőforrások tulajdonosai, hogy biztosítsák a felhasználók és ügyfelek kényelmét, akik egy kattintással elérhették a levelezési űrlapot.

De ez a fajta kommunikáció a webes erőforrásokon már nem annyira népszerű (főleg, hogy például telepíthető), mert az így megnyitott e-mail címeket a szoftverek aktívan elfogják, és különféle spammerek használják.

Példaként csak azokat a leggyakoribb protokollokat hoztam fel, amelyek az URL részét képezik, ami viszont a href attribútum paramétere hiperhivatkozás létrehozásakor. A HTTP-n (HTTPS), az FTP-n és a mailto-n kívül vannak más speciális problémák megoldására is. Talán más kiadványokban részletesebben is megvizsgáljuk őket.

A hiperhivatkozások típusai

Most próbáljuk meg a linkeket bizonyos kritériumok szerint osztályozni.

Hatáskörük szerint:

1. Külső— a közzététel helyén kívüli oldalakra vezet;

2. Belföldi— ugyanazon a webes erőforráson belül található weboldalak összekapcsolása.

Formátum szerint:

2. Grafikusan e - ebben az esetben a hiperhivatkozás horgonyja egy kép (beleértve a miniatűrt is), banner, gomb stb.

A href attribútum értékeként szolgáló URL típusa szerint:

1. Abszolút, amelyek egyértelműen jelzik az adatátviteli protokollt (például HTTP) és a webhely domain nevét (minden, ami a domainekkel kapcsolatos).

Az ilyen hivatkozásokat leggyakrabban külső források oldalaira való hivatkozáskor használják. Ebben az esetben a href érték tartalmazza a kívánt fájl vagy weboldal teljes elérési útját. Íme egy példa abszolút hiperhivatkozásra:

Kontextus – mi ez?

2. Relatív, az egyik létrehozási lehetőség, amely a webhely gyökérmappájához képest megadott elérési út lesz (innen ered az ilyen típusú hiperhivatkozás neve). Ebben az esetben a protokoll (HTTP) és a webhely domainje eltávolításra kerül az URL-ből:

Kontextus – mi ez?

A weboldalon található relatív hiperhivatkozások belső oldalakra mutató hivatkozásokat biztosíthatnak. Ebben a formában rövidebbek, ami megkönnyíti a HTML kódot. Természetesen minden nem ilyen egyszerű, és szélesebb lefedettséget igényel, amit a megadott link követésével láthatunk.

Az a címke attribútumai

Most nézzük meg, milyen egyéb attribútumok léteznek a szükséges href-en kívül, és hogyan befolyásolhatják a hiperhivatkozás létrehozását. A legteljesebb adatok ezzel kapcsolatban, mondhatni „első kézből”, a Nemzetközi W3C Konzorcium hivatalos honlapján találhatók, ahol a leggyorsabban jelennek meg a naprakész információk.

Teljesen azonosak, és egy weboldal megnyitását kezdeményezik az aktuális lapon. Ha azt szeretné, hogy az oldalak új lapon nyíljanak meg a hivatkozások követésekor, akkor ezt a hivatkozás létrehozásakor kell hozzáadnia célattribútum üres paraméterrel:

Kontextus – mi ez?

Bár egyes webmesterek és SEO-szakemberek úgy vélik, hogy jobb, ha a látogató lehetőséget kap a választásra (vagyis nem ad meg célhelyet üresen), mert szükség esetén a helyi menü segítségével új lapon nyitható meg az oldal (mozgatás vigye a kurzort a hivatkozásra, kattintson a jobb gombbal, majd kattintson a megfelelő pontra):


Sőt, mint látható, ebben az esetben a felhasználónak megvan az az előnye, hogy nem csak új lapon nyithatja meg a weboldalt, hanem új ablakban(ez a lehetőség nem valósítható meg HTML-en keresztül, csak szkriptek segítségével).

De úgy gondolom, hogy nem minden kezdő felhasználó ismeri teljesen a népszerű böngészők képességeit és beállításait (). Valószínűleg egy olvasó egy külső hivatkozást követve szem elől tévesztette a forrásoldalt (a címzett dokumentum jelenik meg helyette), csalódottan egyszerűen bezárja a lapot.

Így egy webes erőforrás tulajdonosa nemcsak egy ígéretes látogatót veszíthet el, hanem a viselkedési tényezők romlását is kaphatja (), ami az oldal pozíciójának elvesztésével jár a rangsorban.

Ezenkívül egy oldal megnyitása egy szomszédos lapon nagyon kényelmes a használhatóság szempontjából (). A felhasználó egy weboldalra mutató hiperhivatkozást követ, további információkat kap, és mintha mi sem történt volna, tovább tanulmányozza a fő anyagot.

Az objektív kép kialakításához hozzá kell tenni, hogy a „target="_blank"” külső hivatkozásokra való alkalmazása bizonyos biztonsági kockázatokkal jár. Ha valakit érdekel, elolvashatja, ahol javaslatokat adnak a target blank használatakor felmerülő problémák hibaelhárítására, valamint alternatív lehetőségeket kínálnak a weboldal új lapon történő megnyitásának feladatához.

Úgy tűnik, észrevettem az üres érték használatának előnyeit és hátrányait egy hiperhivatkozás új lapon történő megnyitásához. Ha cikkeket olvas a blogomon, valószínűleg már sejtette, hogyan viszonyulok a célattribútum ezen paraméteréhez.

Jelenleg számomra az előnyei meghaladják a hátrányait, és én feltétlen támogatója vagyok. A fenti tények alapján kialakíthatja saját véleményét ebben a kérdésben. Bár...az új körülmények megjelenését figyelembe véve ez változhat.

Hogyan készítsünk hash linkeket, horgonyokat és miért van szükség rájuk?

Ezt követően egy másik típusú hiperhivatkozásra szeretném felhívni a figyelmet, amelyek akkor lehetnek hasznosak, ha egy weboldalon található anyag elég terjedelmes, és a navigációt javító strukturálásra van szükség.

Nem kell messzire keresni a példát, elég a kiadvány tartalomjegyzékét a legelején nézegetni. Látod, hogy van egy lista a cikk szakaszairól? Az ezekre a szakaszokra mutató hiperhivatkozások csak hash linkek. Miután bármelyikre kattintott, a böngésző görgeti az oldalt arra a helyre, ahol a megfelelő rész kezdődik.

Az ilyen hivatkozások nagyon egyszerűen jönnek létre. Először létre kell hoznia horgonyúgy, hogy egy megfelelő címkét helyez el az oldalon a kívánt helyre azonosító formájában, amely bármely HTML címkére alkalmazott globális attribútumok egyike.

Az ID egyetemességének köszönhetően az ilyen horgonycímkék szinte bárhol elhelyezhetők a weboldalon. Mivel a szöveget általában bekezdésekre osztják, ezek a -ra is alkalmazhatók. Főleg horgonyokat tettem le, amelyekkel a cikkeket logikai részekre osztom:

Miután így megjelöltük az összes szükséges helyet a HTML kódban, hiperhivatkozásokat hozunk létre hozzájuk. Ehhez a végére az URL-ben az utolsó „/” perjel után (ami, mint már tudod, a href attribútum értéke) egymás után írjuk a „#” font jelet és a címke nevét (ID ):

Hogyan lehet hash linkeket és horgonyokat létrehozni?

Ezen túlmenően, ha egy ilyen horgonyhivatkozás ugyanazon az oldalon van elhelyezve, mint a horgonyok, akkor az URL egy része a hash előtti utolsó perjelig elhagyható, és csak a „#” plusz az azonosító név használható href paraméterként. (lényegében ez a relatív linkek egyik lehetősége):

Hogyan lehet hash linkeket és horgonyokat létrehozni?

Ez azt jelenti, hogy a HTML-kód optimalizálására szolgáló kézikönyv tartalomjegyzékének összeállításakor könnyedén használhatja ezt a könnyű opciót. Ha csak egy hash jelet ad meg URL-ként, az azonosító neve nélkül, akkor onnan, ahol egy ilyen hivatkozás található, az oldal egészen felfelé fog gördülni:

Top

Valójában ez a legegyszerűbb lehetőség, ami ismét további előnyt jelent az erőforrás használhatósága szempontjából, hiszen megkönnyíti a látogatók életét. Egy vonzó képet horgonyként használhat gomb létrehozásához.

Az aláhúzás eltávolítása és a hivatkozás színének megváltoztatása

A HTML fejlesztők szinte minden árnyalatot átgondoltak, ami segíthet optimalizálni ezt vagy azt a szempontot, ugyanez vonatkozik a hiperhivatkozásokra is. Például, ha egy másik weboldalra mutató hivatkozást követ, majd visszatér, a felhasználó látni fogja, hogy a hivatkozás színe megváltozott.

Ha ismételten meg kell ismételnie az ilyen műveleteket, akkor gyorsan meg tudja határozni, hogy mely linkekre kattintott már, és melyekre nem. Ez a lehetőség szinte minden böngészőben megtalálható. Nem kell magyarázni, hogy ez mennyire kényelmes és mennyi időt takarít meg.

Alapértelmezett és nem CSS hiperhivatkozások aláhúzással és három színválasztékkal kiemelve, amelyek mindegyikének saját attribútuma van:

  • link - beállítja a hiperhivatkozás színét a weboldalon (alapértelmezés szerint kék, amelynek jelölése #0000ff);
  • alink — az aktív hiperhivatkozás színe arra az időtartamra, amíg a webböngésző feldolgozza (piros #ff0000);
  • vlink — a felhasználó által meglátogatott link színe (lila, #800080).

Hogyan változtathatja meg a böngészők által a webhelyén megjelenített linkek színét? Nos, egy egyszerű HTML webhelyhez, ahol az oldalakat manuálisan hozzák létre (és szerintem a modern valóságban gyakorlatilag nem maradtak teljesen működőképes erőforrások, kivéve talán az egyszerű naplókat és céloldalakat), csak meg kell találni a nyitó címkét. és adja meg a szükséges paramétereket (mellesleg a nevét használhatja szín jelzésére), például:

Ha telepített egy tartalomkezelő rendszert () a webes erőforrásának adminisztrálására, akkor a használt motor típusától függetlenül meg kell nyitnia a fejléc megjelenítéséért felelős fájlt (fejléc) a szerkesztéshez, ahol van egy nyitócímke. .

Ha az erőforráson WordPress fut, akkor ennek az ötletnek a gyakorlati megvalósításához használhatja a hiperhivatkozáson belüli kép automatikus beillesztésére szolgáló eszközként, ahol először kiválasztja a könyvtárból vagy letölti a kívánt képet és beilleszti a szövegbe:

Ezután válassza ki a kapott képkódot, és nyomja meg a szerkesztő „link” gombját, majd illessze be a kívánt másolt hiperhivatkozást a megjelenő ablakba:


Hogyan hozzunk létre hivatkozásokat HTML dokumentumban

(További példákat az oldal alján talál.)

HTML-hiperhivatkozások (linkek)

Címke kétféleképpen használható:

  1. Másik dokumentumra mutató hivatkozás létrehozása - a href attribútum használatával
  2. Könyvjelző készítése egy dokumentumon belül - a name attribútum használatával

HTML szintaxis hivatkozások

Példa

Látogassa meg a webhelyet

a böngésző a következőképpen fogja megjeleníteni:

HTML hivatkozások – Célattribútum

A target attribútum határozza meg, hogy hol kell megnyitni a hivatkozott (azt, amelyre a hivatkozás hivatkozik) dokumentumot.

Az alábbi példa egy új böngészőablakban vagy lapon nyitja meg a hivatkozott dokumentumot:

HTML hivatkozások – névattribútum

A name attribútum egy könyvjelző ("horgony") létrehozására szolgál egy HTML-dokumentumban.

Megjegyzés:
A készülő HTML5 szabvány a név attribútum helyett az id attribútum használatát javasolja a hivatkozás nevének megadásához.
Az id attribútum használata valójában minden modern böngészőben működik HTML4-ben.

A könyvjelzők semmilyen különleges módon nem jelennek meg. Az olvasó számára nem láthatók.

Megjegyzés: Mindig adjon hozzá egy perjelet az alkönyvtár hivatkozásokhoz. Ha létrehoz egy ilyen hivatkozást: href="http://site/html", akkor két kérés generálódik a szerver felé, először a szerver perjelet ír a címhez, majd létrehoz egy új kérést: href="http ://site/html/" .

Tanács: A nevesített hivatkozásokat gyakran használják "tartalomjegyzék" létrehozására egy nagy dokumentum elején. A dokumentumon belül minden fejezethez hozzá van rendelve egy elnevezett horgony, és az egyes elnevezett horgonyokhoz mutató hivatkozások a dokumentum elejére kerülnek beillesztésre.

Tanács: Ha a böngésző nem találja a megadott elnevezett hivatkozást, akkor a dokumentum elejére lép. Nem történik hiba.

Azt hiszem, már érted, miről lesz szó ebben a fejezetben.. és tudod, mi az a link, ha nem, akkor kattints ide. Ebben a fejezetben megpróbálok részletesen beszélni a linkek regisztrálásának módjáról, valamint a velük való munka bonyolultságáról.

Lírai kitérő:
Egyszer a hadseregben odajött hozzám a vezérkari főnök, és parancsot adott, idézem:
Hozd ide azt a dokumentumot, bár nem tudom hol van vagy mi az!! Miért állsz? Fussunk!! Elkéstem!!!

Tehát mit értek ez alatt, hogy a böngésző ne essen kábulatba, mint én akkor, tudnia kell: a dokumentum pontos nevét, a dokumentum elérési útját és a behozatali helyet, vagy inkább hol kell kinyitni.

Jelenleg jegyzettömb segítségével egyetlen HTML dokumentumot hoztunk létre, nekem index.html néven van meg (miért választottál ilyen furcsa nevet index.html és miért van rá szükség, lásd) Nem tudom melyiknek, te magad találtad ki a nevet, de azt hiszem, emlékszel rá, és tudod, hol van, hacsak nem te vagy a vezérkari főnököm :).. Ebben a dokumentumban megpróbálunk egy másik dokumentumra mutató hivatkozást létrehozni amivel még nem rendelkezünk.. Tehát mielőtt linkelnéd, létre kell hoznod, szerencsére már tudod, hogyan kell ezt megtenni.

  1. Nyissa meg a jegyzettömböt.
  2. A kódot html nyelven írjuk. például egy oldal fényképsorozattal.
  3. Elmentjük html oldalként ugyanabba a munkamappába, ahol már létezik az általunk készített első dokumentum. Nevezzük primer.html-nek a félreértések elkerülése végett, és talán nevezzük át az elsőt index.html-re

Most már tudom, hogy van két html dokumentuma az index.html és a primer.html, és most már megvan a minimális készlet a továbbképzéshez.

Szöveges hivatkozások.

Találkozzunk címkével (horgonyból) szöveget vagy képet csatolhat bele, amely bizonyos dokumentumok hivatkozásává válik. Címke attribútum href megadja annak a dokumentumnak a nevét és elérési útját, amelyre a hivatkozás mutat.

Mindez együtt így van leírva:

Itt vannak a képeim!!

Amint valószínűleg megértette, a primer.html a második html dokumentumunk neve, és a „Itt vannak a képeim!!” felirat. ez egy szövegrész az index.html fájlból.

A képek analógiájára a címke A megnyitott dokumentum hivatkozási útvonala ugyanazokkal a módszerekkel van megadva:

Itt vannak a képeim!!- Ez a bejegyzés arra utal, hogy abban a könyvtárban, ahol az első html dokumentumunk található, van egy stranica mappa, amelyben a primer.html fájl található.
Itt vannak a képeim!!- Ez azt jelenti, hogy a primer.html fájl egy szinttel magasabban található a dokumentumtól
Itt vannak a képeim!!- a dokumentum a www.site.ru weboldalon található.

Nos, próbáljuk meg? Az alábbiakban egy példa látható két dokumentumra, amelyek egymásra mutató hivatkozásokat tartalmaznak.

Index.html fájl:



Hivatkozás készítése egy szövegrészhez





Mondd, kedves gyermekem: melyik fülben zúg?


BAN BEN jobb vagy bal?



Primer.html fájl:



Itt követte a linket





De nem jól tippeltem! Zúg a két fülem.



Hát én nem játszom így...



A példából látható, hogy a linkek színnel vannak kiemelve, alapértelmezés szerint a kék egy hivatkozás, a piros pedig egy már meglátogatott link, ezek a színek a már jól ismert nyitó címkével módosíthatók < body > és annak tulajdonságait.

link- link színe.
egy link- a kattintott, aktív link színe.
vlink- a meglátogatott link színe.

Így van írva:

>

Továbbra is a szöveges hivatkozás színéről érdemes megemlíteni, hogy szükség esetén a teljes hivatkozást és annak egyes részeit (kifejezések, szavak, betűk) is színesen kiemelheti egy ismerős címkével. és annak attribútuma szín. Ez azonban nem csak a színre vonatkozik, külön beállíthatja a szöveg méretét, stílusát és betűtípusát is. De ne feledje, hogy a színkezelést a címkén belül kell elvégezni itt és ne legyen túlzás, különben a link színe vagy alapértelmezés szerint, vagy a címkében megadott lesz

Index.html fájl:



Szivárvány

link="#008000" alink="#ff0000" vlink="#ffff00">


Nézd meg azt a kifejezést, amely segít emlékezni a szivárvány színeinek helyeire




R
A
D
U
G
A




Primer.html fájl:



Szivárvány

link="#008000" alink="#ff0000" vlink="#ffff00">



Minden
vadász
kívánságait
tud
Ahol
ül
fácán



Menjen vissza a főoldalra


    Az Ön egyik oldala a webhelyen Szükségszerűen hívni kell index.html. A robotprogram az ilyen nevű fájlt fogja keresni a webhelyén, amikor valaki beírja a webhely nevét. Az oldal óta index.html először megnyílik, legyen a fő. A többi oldalt hívhatod, ahogy akarod... nincs több árnyalat a névvel kapcsolatban.

    A nyilvántartásról... A dokumentumok elérési útjának és nevének írásakor ne feledje, hogy pl.: Oldal.html, oldal.html és OLDAL.html különböző dokumentumok nevei! Ugyanez vonatkozik a könyvjelzők és képek nevére is. Mindig vegye figyelembe a kis- és nagybetűket, amikor kódot ír, nagy a valószínűsége annak, hogy az ilyen neveket egyik vagy másik böngésző nem ismeri fel. Legyen szabály, hogy mindent kis latin betűkkel írj és hívj, akkor az emberi tényező kockázata és a programok szeszélyessége nullára csökken.

    Három kattintás szabály...

    Igyekezzen egy „hivatkozásfát” úgy kialakítani, hogy az oldal látogatója minden oldalról minimális kattintással eljuthasson az oldal tetszőleges helyére. Több mint három átmenet a kívánt helyre az oldalon már nem jó, ha az embernek végtelenül betölti a felesleges oldalakat, az idegösszeomláshoz és az oldal idő előtti bezárásához vezethet. Takarítson meg emberek idejét, pénzét és idegeit.

Utasítás

A hiperszöveg hivatkozások célja, hogy szöveget, képeket vagy más oldalelemeket más hipertext dokumentumokhoz kapcsoljanak. A weboldal minden elemét, beleértve a hivatkozásokat is, a böngésző hozza létre, amely részletes utasításokat kap a szerver által neki küldött oldalkódból. Ez a HTML-kód (HyperText Markup Language) olyan „címkékből” áll, amelyek leírják a weboldal összes elemének típusát, megjelenését és helyét. Szabványos hiperhivatkozást a böngésző akkor hoz létre, ha találkozik például a következő címkével az oldal kódjában: Szöveges hivatkozás Itt található a hivatkozás nyitó és záró címkéje. A nyitó címke további információkat – „attribútumokat” – tartalmazhat. Ezen az egyszerű hivatkozáson a href attribútum annak az oldalnak vagy dokumentumnak a címét tartalmazza, amelyre a látogató a hivatkozásra kattintva kérést küld. Néha nem szükséges megadni a teljes címet - ha a kért dokumentum ugyanabban a mappában (vagy egy almappában) található a szerveren, akkor elegendő csak a nevét vagy az almappa elérési útját feltüntetni. Ezeket „relatívnak” nevezzük, például a következőképpen kell lenniük: Szöveg hivatkozás Ha erre a hivatkozásra kattint, az ugyanabból a mappából származó moreText.html dokumentum töltődik be. Az abszolút hivatkozási címek pedig a protokoll megjelölésével kezdődnek, például: Szöveges hivatkozás Itt a „http” (HyperText Transfer Protocol) a dokumentum szokásos címe a hálózaton. És ha megadja a „mailto” protokollt, akkor a hiperhivatkozás elindítja a levelezőprogramját, ahelyett, hogy az :email-link címre menne, az FTP-kiszolgálón található fájlok hivatkozásaiban az FTP protokollt (File Transfer Protocol) jelzik. ): Archív link

Egy másik hiperhivatkozás-attribútum, amely meghatározza, hogy az új dokumentum melyik ablakba kerüljön betöltésre, "célként". Ha a href attribútumba bármilyen helyes címet írhatunk be, akkor a targetnek csak négy értéke lehet: _self - az oldalt ugyanabba az ablakba vagy keretbe kell betölteni. A „keretek” egy ablak több részre osztott részei _parent - ha maga az aktuális oldal egy másik ablakból (vagy keretből) lett betöltve, akkor van egy „szülő” ablaka. A _parent érték megköveteli, hogy a hivatkozás által mutatott oldal ebbe a szülőablakba legyen betöltve _top - az új oldalt ugyanabba az ablakba kell betölteni. Ha ez az ablak keretekre van osztva, akkor azok megsemmisülnek, és az új oldal lesz az egyetlen keret ebben az ablakban.
A link új ablakban nyílik meg

Lehetőség van hiperhivatkozás létrehozására, amely nem egy másik oldalra, hanem ugyanannak a dokumentumnak egy meghatározott részéhez vezet. Ha egy dokumentum html kódjában egy ilyen „célállomást” szeretne jelezni, használjon egy horgonyhivatkozást: A dokumentumot ehhez a horgonyhoz görgető hivatkozás pedig így néz ki: Hivatkozás az oldal első horgonyához A horgonyokhoz nem csak a ebben a dokumentumban, de másban is: Horgonyzás másik oldalon Természetesen egy másik dokumentum html kódjában is kell lennie egy ilyen horgonylinknek name="Anchor1" attribútummal.

Hiperhivatkozásként nem csak szöveg, hanem egyéb oldalelemek – például képek – is szolgálhatnak. A képet rajzoló legegyszerűbb címke így néz ki: Ahhoz, hogy egy kép hiperhivatkozássá váljon, a link nyitó és záró címkéje közé kell zárni:

Ha hibát észlel, jelöljön ki egy szövegrészt, és nyomja meg a Ctrl+Enter billentyűkombinációt
OSSZA MEG: