Hogyan lehet hiperhivatkozást beszúrni a HTML-be? Hiperhivatkozások létrehozása és használata HTML-ben
A hipertext olyan szöveg, amely más szövegekre mutató hivatkozásokat tartalmaz. Ilyen például a szerző megjegyzései az összetett meghatározásokról vagy a fordítók lábjegyzetei a könyv oldalának alján, ha az idegen nyelvű szöveget tartalmaz. Az internetes oldalak az egyik oldalról a másikra történő hipertext átmenetek összetett rendszere, magán az oldalon belül, valamint olyan erőforrások között, amelyek nem kapcsolódnak egyetlen témához. Ez a szerkezet praktikus, sok időt takarít meg, lehetővé teszi a látogató számára, hogy gyorsan megtalálja a szükséges információkat, és ne vesszen el sok átmenetben.
Hiperhivatkozás beszúrása
A HTML-ben egy leírót (címkét) használnak a hiperhivatkozás beszúrására. , amely a megfelelő helyre van beillesztve. Általában a szöveg közé kerül, mivel a hiperhivatkozás maga egy szövegstruktúra. De a linkek grafikusok is (ikonok, gombok, képek); tovább lesz szó róla. Elhelyezkedésük egy weboldalon nem korlátozódik szövegre, hanem az oldal készítőjének tervezési döntésétől függ.
google kezdőlap
Ez egy példa arra, hogyan lehet hiperhivatkozást beszúrni egy HTML dokumentumba, ami a címke használatával történik . Az oldal látogatója aláhúzott, a környező szöveg színétől eltérő szöveget lát (a HTML hivatkozás színe tetszőleges lehet), a „Google kezdőlap”, amelyre kattintva a Google keresőjének főoldalára kerül. Meg kell jegyezni, hogy a hiperhivatkozás szövegének tartalmaznia kell információt arról, hogy hol történik az átállás. Ezt az elvet kell követni és szabályként elfogadni!
Címke szerkezete ...
Ezt láthatod a címkén - kettős: zárócímke szükséges.
href attribútum címke, a hivatkozás célját jelzi.
https://google.com/- attribútum értéke A, amely tartalmazza annak az erőforrásnak az URL-címét, amelyre navigálni kell. Dupla vagy szimpla idézőjelek között van. Ez a HTML szabályai szerinti címkebeágyazási struktúrától függ.
google kezdőlap
ezt az egész szerkezetet úgy hívják elem webes dokumentum.
A HTML szabályai szerint egyes elemek más elemeket is tartalmazhatnak. Címke nem kivétel. Ha a programozónak félkövérrel kell kiemelnie a Google szót, akkor ezt a szövegformázás általános szabályai szerint egy címkével kell megtenni, a címkebeágyazás sorrendjét betartva. A webmesternek tudnia kell, hogyan hozhat létre hiba nélkül hiperhivatkozást HTML-ben, különben nem fognak működni. A megszakadt hivatkozásokat a számítógépes szlengben "megszakadt" hivatkozásoknak nevezik.
Főoldal Google
Itt: elem
Főoldal Google
beágyazott elemet tartalmaz
Abszolút hiperhivatkozások
protokoll://domainnév/fájl elérési útja
Példa egy Amerikában elterjedt keresőmotor címére: https://aol.com – abszolút, mivel a domain név.com domaint tartalmazza.
Az abszolút hiperhivatkozások más webhelyek oldalaira vagy egy másik szerveren található erőforrások elérésére szolgálnak. Az átállás Internet protokollok segítségével történik. Ennek a cikknek a témája nem a protokollok, de mivel részt vesznek a hiperhivatkozások létrehozásában, legalább röviden meg kell említeni őket:
- httpÉs https- a leggyakrabban; navigálnak a különböző oldalak internetes oldalai között;
- ftp- protokoll a fájlok szerverre való feltöltéséhez vagy a felhasználó által a webhelyről történő letöltéséhez;
- mail-címre egy levelezési protokoll, amely közvetlenül a webhelyről küldi el az e-maileket, anélkül, hogy személyes levelezésbe menne.
Még számos speciális célú protokoll létezik (gopher, telnet), amelyek meglehetősen ritkák, ezek használata speciális programozási vagy rendszeradminisztrációs ismereteket igényel.
Relatív hiperhivatkozások
Relatív címzés esetén a hiperhivatkozások használata a HTML-ben az erőforráson belüli navigációt szolgálja, és nem vezet tovább. Ha az oldal olyan nagy, hogy a függőleges görgetősáv működik, néha nagyon hosszú, mint például a szótárakban, akkor nagyon kényelmes és tanácsos relatív hivatkozásokat használni a kívánt betűre való gyors ugráshoz.
Internetes szótár készítésekor a programozó az ábécét az oldal elejére helyezi, és ha nem használna linkeket, akkor a felhasználónak nagyon sokáig kellene görgetnie az egér görgőjét, hogy az „I” betűhöz jusson. ”.
Tovább az I betűhöz
Ahol igen hívott horgony, A Tovább az I betűhöz- horgony célpontja. A horgonyok helyes megjelenítéséhez latin betűk és számok használata javasolt, így nem szabad „I”-t írni, bár így egyértelműbb lenne.
Most, hogy az oldal elején lévő ábécéről az "I" betűre váltson át, rögzítenie kell a horgonyt a HTML-dokumentum azon helyére, ahol a szavak "I" betűvel kezdődnek:
I. levél
van egy font jel a horgony előtt, ami nélkül nem megy a betűre való áttérés.
Relatív címzés a webhely létrehozásakor
A legkényelmesebb és legáltalánosabban elfogadott algoritmus a webhely programozó általi létrehozásához:
- mappa létrehozása a számítógépen, és a kényelem kedvéért gyorsan elérhető helyre helyezhető;
- létrehozása ebben a mappában main ;
- másodlagos weboldalak létrehozása (index.html/page2);
- és grafikus fájlok elhelyezése benne;
- mappa létrehozása és egyéb objektumok elhelyezése (például letölthető fájlok);
- az oldal feltöltése tartalommal;
- webhelyfájlok elhelyezése a tárhelyen.
Minden bizonnyal hivatkozásokat kell használnia a webhely elemei közötti hivatkozásokhoz, és nagyon hasznos lesz, ha tudja, hogyan illesszen be hiperhivatkozást HTML-ben ugyanazon a webhelyen egy másik oldalra. Ha a webhelyfájlok ugyanabban a könyvtárban, ugyanazon a szerveren vannak, akkor nincs szükség abszolút címzésre. Az oldalfájlok tárhelyre történő átvitelekor az objektumok közötti kapcsolat megmarad, mert azok is ugyanabba a könyvtárba kerülnek a tárhelyen.
Tegyük fel, hogy egy programozó létrehozta az index.html webhely főoldalát, amely egy másik oldalra mutató hivatkozást tartalmaz, a page2.html img.png képpel díszítve. Ekkor a kép relatív elérési útja így fog kinézni:
kép
Tipp: A téma elsajátításához a legjobb egy egyszerű szövegszerkesztőt használni, mert hozzá kell járulni az ugráscímek helyes írásához, és meg kell tanulni megérteni mások kódját. Ebben a szakaszban egy írott hiperhivatkozás a jegyzettömbben jó eredmény, hiba nélkül,A HTML nem bocsát meg nekik, és hibákat ad.
A hiperhivatkozások követésének módjai
Alapértelmezés szerint egy új oldal nyílik meg az aktuális böngészőablakban, amikor a felhasználó egy hiperhivatkozásra kattint. De a webprogramozó megváltoztathatja az alapértelmezett értéket, és kényszerítheti az oldal megnyitását, például egy új ablakban. Ehhez van egy attribútum. cél meghatározott jelentéssel. Ezt legjobban táblázatban lehet kifejezni.
Szintaxis egy attribútum alkalmazásához cél:
google kezdőlap
A Google kezdőlapja új ablakban nyílik meg.
Megjegyzés: az oldalak új lapon történő megnyitásához ennek az attribútumnak nincsenek értékei, de a felhasználó állítja be a böngésző beállításaiban.
Hiperhivatkozás színe
Egy tapasztalt internethasználónak idővel észre kellett volna vennie, hogy a hiperhivatkozások színe eltér a környező szövegtől, és általában kék színűek. Az általa követett, majd az előző oldalra visszatért linkek lilára változnak. A HTML-ben a nem szabványos színekben található hiperhivatkozások használata kicsit kevés, de ez kiemeli a webhelyet a többi közül.
Állítsa be a linkek színét a címkében
attribútumok és értékeik segítségével, amelyben a HTML szín megjelenik az rgb rendszerben (#00FF00), vagy a színnév közvetlen feltüntetésével ("zöld"). Háromféle attribútum létezik a hivatkozásokhoz:- link – beállítja a nem látogatott hivatkozás színét;
- vlink - beállítja a hivatkozás színét, amelyet a felhasználó már követett;
- alink - beállítja a hivatkozás színét, amikor másik oldalra lép. Ez gyorsan megtörténik, ezért nem mindig lehet elkapni ezt a hatást.
Jelölési példa:
Ha ezeket az attribútumokat alkalmazza egy címkében
, az adott webdokumentumban lévő hivatkozások sötétkék színűek, a meglátogatott linkek lilák, az aktív hivatkozások pedig narancsvörösek lesznek.Grafikus hiperhivatkozások
A webdizájn fejlődése és fejlődése megköveteli, hogy tudjunk egy hiperhivatkozást képként beilleszteni a HTML-be. Nyilvánvaló, hogy a képnek meg kell egyeznie a céloldal tartalmával. Például egy gyógynövényekkel foglalkozó oldal főoldala megjeleníthető növényekről készült fényképek formájában, amelyekre kattintva a felhasználó egy olyan oldalra kerül, amely leírja a növény gyógyászati tulajdonságait.
Széles körben alkalmazott módszer a statikus gombok ( ) a webdesigner által grafikus szerkesztőkben (GIMP, Photoshop) készített gyönyörű grafikákhoz.
Grafikák webhelyoldalakra mutató hiperhivatkozásként történő beszúrásához ugyanazt a szintaxist használjuk, de szöveg helyett egy képbeszúrási címkét használnak a HTML-szabályok szerint:
Az alternatív szöveg, szélesség, magasság és egyebek megadására szolgáló attribútumok ugyanúgy kerülnek alkalmazásra.
Hívások az oldalról
A html5 szabvány kibővítette az internethasználat funkcionalitását, így már nem csak a telefonról, hanem közvetlenül az oldalról is kezdeményezhet hívásokat. Erre a célra használhatunk hiperhivatkozásokat is HTML-dokumentumokban, és ezek a következő szintaxissal rendelkeznek:
Az „előfizető” szó helyett a hívó fél számára érthető elérhetőséget írnak elő, mint a telefonkönyvben. Grafikus fájlt (előfizető fényképét) is elhelyezhet.
Ahhoz, hogy az oldalról lehessen hívni, nem csak az előfizető telefonszámára mutató hivatkozás, hanem a számítógépre telepített headset (mikrofon, fejhallgató) is szükséges A VoIP program, az internet sebessége meg kell haladja a 0,5-öt Mb/s. A hívások fizetése a forgalomfogyasztás alapján történik. Ezért, ha az internet korlátlan, akkor a hívások ingyenesek.
A hiperhivatkozás etikája
Amikor egy webhelyet elhelyez az interneten, a webmesternek tudnia kell, hogy milyen típusú hiperhivatkozások léteznek a HTML-ben, és nem csak helyesen és szakszerűen alkalmaznia kell azokat, hanem be kell tartania a következő rendelkezéseket is:
- A hiperhivatkozásnak jól láthatónak kell lennie, és különböznie kell a környező szövegtől. A felhasználónak tudnia kell, hogy ez egy hiperhivatkozás.
- A linkre kattintva egyértelművé kell tenni a felhasználó számára, hogy hova megy. Ehhez célszerű egy másik attribútumot használni cím, amely tömören írja le az átmeneti oldalt. Az attribútumok alkalmazásának szintaxisa a következő:
Yandex
- A felhasználónak a hivatkozásra kattintva valós információkat kell kapnia a letöltött fájlról.
Ha rossz oldalra jutott vagy rossz fájlt töltött le, a felhasználó az esetek 99%-ában azonnal elhagyja az oldalt, és a jövőben soha nem fogja felkeresni.
Anti-Seo hiperhivatkozások létrehozásakor
A hiperhivatkozás HTML-be való beillesztésének technikai oldala mellett a morális szempontot is ki kell emelni. Sok olyan webhely van, amelyhez biztonsági programok (vírusirtó) vagy akár a kormányzat tiltja a felhasználókat. Ezeket a webhelyeket tisztességtelen webprogramozók hozták létre.
Az egyik trükk, amihez folyamodnak, az, hogy "láthatatlan" hiperhivatkozásokat helyeznek el a weboldalon. A csalók tudják, hogyan kell hiperhivatkozást létrehozni HTML-ben, és attribútumok segítségével eltávolítják a hivatkozás aláhúzását, és hozzárendelik a környező szöveg színét, hogy az átlagfelhasználó ne lássa. Más webtechnológiai eszközök (CSS, JavaScript, PHP) segítségével pedig programozhatja a viselkedésüket. Például a JavaScript OnMouseOver esemény egy műveletet indít el egy weboldalelemen. Amikor a felhasználó áthúz egy láthatatlan linket, egy másik webhely hirdetési oldalára kerül. Vagy ami még rosszabb, amikor egy láthatatlan hivatkozás van a fájlra, és a felesleges szoftverek letöltése és telepítése megkezdődik a számítógépén. Általában ezek olyan vírusok, amelyek megváltoztatják a böngésző kezdőlapját, telerakják a merevlemezt programok tömegével stb.
Hamarosan az ilyen oldalak feketelistára kerülnek a vírusadatbázisok, biztonsági rendszerek és maguk az internetezők körében. Az ilyen oldalak nem tartanak sokáig, és nevet kell váltaniuk, végtelenül vándorolnak az interneten, szolgáltatót váltva. Ez nem járul hozzá az oldal népszerűsítéséhez, amire készítője mindig törekszik, soha nem lesz belőle megaportál, mint például közösségi oldalak. Többek között az ilyen trükkök sok negatív érzelmet okoznak azokban az emberekben, akiket ezek a cselekedetek érintenek.