A html nyelvű hiperhivatkozás formázva van. Hiperhivatkozás - mi az, hogyan készítsünk hivatkozást és illesszük be a HTML kódba (href, cél üres és az a címke egyéb attribútumai). Hiperhivatkozás szövegének színe

<а href="http://www.mysite.com/doc2.htm/anch3">

Vagyis kombináljuk a dokumentum teljes URL-címének használatát, és egyúttal rámutatunk annak egy bizonyos töredékére, amelyet „anch3”-ként jelölünk.

Rizs. 1.16. Böngésző ablak, amely az 1.16-os listában látható fájl megjelenítésének eredményét mutatja

Megjegyzendő, hogy ha a hiperhivatkozás által mutatott szöveg már megjelenik a nézetablakban, mint a legutóbbi példánkban, akkor nem történik változás. Ha azonban a böngésző nézetablakát függőlegesen átméretezi, hogy elrejtse a tartalom utolsó sorát, amelyre a hiperhivatkozás mutat, a művelet eredménye vizuálisan is bemutatható.

Természetesen az ilyen könyvjelzőjelölők minden nevének, amely a név paraméter értékével van definiálva, egyedinek kell lennie. Ne feledje azonban, hogy a HTML nem tesz különbséget a kis- és nagybetűk között. Ezért ha a HTML dokumentumunkban két könyvjelzőt definiálunk, amelyekre utólag csak karakterek esetén eltérő hiperhivatkozások hivatkoznak, akkor a böngészőbe épített HTML-elemzőnél ezek az azonosítók azonosnak minősülnek, és nem feldolgozni bármelyiket.

Azt azonban már tudjuk, hogy egy HTML dokumentum bármely elemét azonosítani lehet az id paraméterrel, amely bármely címke részeként használható. Ugyanakkor a dokumentumtöredékekre mutató hiperhivatkozások is használhatják ezeket a paramétereket, azaz a címkén könyvjelzőjelölő beállításához nem szükséges a címkét használni.<а>a name paraméterrel, csak az id paramétert kell használni.

A név paraméter és az id paraméter értékei a HTML-dokumentum elemeinek egyedi azonosítói. Ezért a name paraméter egyik értéke sem egyezhet meg az id paraméter egyik értékével sem.

De melyik lehetőséget válassza weboldalaihoz, melyik opciót használja? Ügyeljen arra, hogy bár az id paraméter többféle célra is szolgálhat, például könyvjelzőjelölő azonosítására, egyedi azonosítók létrehozására a végrehajtható DHTML-szkriptekhez és stílusokhoz, előfordulhat, hogy egyes régebbi böngészők nem fogadják el ezeket az azonosítókat hiperhivatkozások célzásához.

A címkével együtt<а>a title paraméter segítségével azonosítható a távoli felhasználóra mutató hivatkozás. Ennek a paraméternek az értéke egy szöveges karakterlánc, amely kis utalásként jelenik meg, amikor a felhasználó az egérmutatót a kívánt hiperhivatkozás fölé viszi. Egy ilyen hiperhivatkozás hirdetése a következőképpen néz ki:

<а href="www.site.com" title="Nagyon szép oldal">

A hreflang paraméter segítségével megadhatjuk, hogy milyen nyelven legyen írva annak az internetes erőforrásnak a szöveges tartalma, amelyre ez a hiperhivatkozás mutat. A paraméterérték egyike azon szabványos nyelvi konvencióknak, amelyeket ebben a fejezetben korábban tárgyaltunk.
De nem elég meghatározni azt a nyelvet, amelyen a weboldal szöveges tartalma meg van írva. A használt kódolást is fel kell tüntetni. Itt pedig segítségünkre lehet a már jól ismert charset paraméter, melynek értéke annak a kódolásnak a szabványos megnevezése, amellyel az internetes erőforrás szöveges tartalma jelenik meg, amelyre a kívánt hiperhivatkozás mutat.

A gél paraméter segítségével jelezhetjük annak a dokumentumnak a célját, amelyre a hiperhivatkozás mutat, vagyis ennek a paraméternek az értéke egyértelműen jelzi az eredeti dokumentum és az általunk linkelt dokumentum közötti kapcsolatot. Ennek a paraméternek a használata nincs hatással a hiperhivatkozás megjelenítésére vagy az erőforrás lekérésére, de hasznos lehet. Ha a weblapok nem csak böngészővel való megtekintésre szolgálnak, hanem egyes speciális alkalmazások általi feldolgozásra is. Ilyenek például a fejlett keresőmotorok, amelyek képesek helyesen felismerni és kezelni az ilyen, hiperhivatkozásokkal jelzett kapcsolatokat a dokumentumok között.

A rel paraméter az egyik előre meghatározott kulcsszót használja, amelyet most megvizsgálunk.

• Váltakozó. Az érték azt jelzi, hogy a dokumentum az eredeti dokumentum alternatív reprezentációja. Ha a lang paramétert az eredeti dokumentum nyelvétől eltérő értékű hiperhivatkozásban használják, akkor az ilyen hivatkozást általában az eredeti dokumentum más nyelvű másolatára mutató hivatkozásnak tekintik.
• Stíluslap. Azt jelzi, hogy a hivatkozás által hivatkozott dokumentum egy stíluslap. A stíluslapok alkalmazásának mechanizmusát a második fejezet ismerteti részletesen.
• Rajt. Egy bizonyos dokumentumkészlet kezdeti, kezdő dokumentumának kijelölésére szolgál. Egy webhely esetében nyilvánvalóan ez lenne a kezdőlap.
• Következő. Az érték akkor használatos, ha a kiinduló dokumentum és a hiperhivatkozás által mutatott dokumentum valamilyen lineárisan rendezett dokumentumsorozatban található, és az utóbbi a következő a sorrendben az eredeti weboldalhoz képest.
• Előző Az érték ugyanúgy használatos, mint az előző, de most azt jelzi, hogy a láncban lévő dokumentum nem a következő, hanem az előző, a kezdő bizonylathoz képest.
• index. Olyan hivatkozásokban használatos, amelyek olyan dokumentumra mutatnak, amely az eredeti weboldal indexelt tartalma.
• Szójegyzék. Az érték azt jelzi, hogy a dokumentum tartalmazza az eredeti dokumentumban használt kifejezések szószedetét.
• szerzői jog. Akkor használatos, ha a hivatkozás által hivatkozott dokumentum szerzői jogi megjegyzést tartalmaz az eredeti dokumentum tartalmára vonatkozóan.
• fejezet. Olyan hiperhivatkozásokban használatos, amelyek olyan dokumentumokra mutatnak, amelyek egy dokumentumkészlet külön fejezetei.
• szakasz. Hiperhivatkozás ezzel a paraméterértékkel rel azt a dokumentumot jelöli, amely egy rész a közös dokumentumkészletben, amelyek egyetlen tartalom egészét alkotják.
• alszakasz. A jelentés az általunk vizsgált előző jelentés által jelzett fogalom folytatása. Ez azt jelenti, hogy a dokumentum már megvan alszakaszban.
• Függelék. Az érték azt jelzi, hogy a hiperhivatkozás által mutatott dokumentum az eredeti dokumentum melléklete.
• Segítség. Olyan dokumentumokra mutató hivatkozásokhoz használatos, amelyek az eredeti dokumentum tartalmával kapcsolatban további hivatkozási információkat nyújtanak.
• Könyvjelző. Az eredeti dokumentum néhány kiemelt kulcstöredékére mutató linkeket tartalmazó HTML dokumentumokra mutató hivatkozásokhoz használható.

Ezen értékek használatakor szem előtt kell tartani, hogy ebben az esetben a HTML-elemzők kis- és nagybetűket érzékenyek lesznek, ezért teljes mértékben be kell tartania a listánkban szereplő helyesírást.

Valójában a HTML-ben lehetőség van saját értékek létrehozására az általunk fontolóra vett attribútumhoz, de mivel ennek a paraméternek a teljes kihasználásához speciális eszközöket kell használni az új értékek leírására és a szoftverre. az ilyen típusú kapcsolatok felismerésében. Mivel minket a böngészők érdekelnek, nem kell új típusú hivatkozásokat létrehoznunk.

Ez a technológia valójában palliatív, amelynek célja, hogy legalább egy részét biztosítsa az új nyelv adta lehetőségeknek a dokumentumok interneten történő leírására - XML ​​(extensible Markup Language), amely az utód és a „gyilkos” De még nincsenek elterjedt XML-böngészők.XML dokumentumokat feldolgozó alkalmazások. És ez a technológia hosszú ideig nem lesz általánosan elfogadott, ami azt jelenti, hogy a HTML technológiának továbbra is megvan a létjogosultsága, és még sokáig a weboldalak alapjaként fogják használni.

De térjünk vissza a címke attribútumaihoz<а>... A rev attribútum a rel attribútum ellentéte. Ha a rel attribútum azt a dokumentumtípust adja meg, amelyre a hiperhivatkozás mutat, akkor a rev attribútum a hivatkozást tartalmazó eredeti dokumentum típusát adja meg. Ugyanaz a kulcsszókészlet, amelyet a rel attribútumnál használtunk, ennek az attribútumnak az értékei.

A célparaméter használatával meghatározzuk, hogy a hiperhivatkozás által mutatott dokumentumot melyik keretben kell megjeleníteni. A lényeg az, hogy általában egy dokumentum jelenik meg egy böngésző nézetablakban. A HTML-ben azonban lehetőség van a nézetablakot több, keretnek nevezett területre osztani, amelyek mindegyike saját HTML-dokumentumot jelenít meg. A fejezet következő részeiben a keretek használatának technológiájával fogunk foglalkozni, de most vegye figyelembe, hogy a célparaméter lehetővé teszi, hogy kifejezetten meghatározza, hogy a weboldal melyik keretben jelenjen meg. A hiperhivatkozás ezzel a paraméterrel történő beállítása a következőképpen fog kinézni:

<а href="http://www.mysite.com/docl.html" target="_top">

Egy ilyen hiperhivatkozás hatására a böngésző betölti a felső keretbe azt a weboldalt, amelynek URL-je a href paraméter értékeként van megadva, és amelynek neve a célparaméterben van megadva. Az utolsó paraméter a HTML specifikációban meghatározott kulcsszavakat használja. Ezeket a keretekről szóló részben ismertetjük.

Egyes beviteli szervek és hiperhivatkozások lehetővé teszik a beviteli fókusz egymás közötti mozgatását a táblázatos billentyű segítségével, vagyis ennek a gombnak egy megnyomása aktiválja az általános sorrendben szereplő következő beviteli szervet. Az általános sorrendben szereplő vezérlők közötti mozgás sorrendjét pedig a tabindex paraméterrel állítjuk be. Ennek a paraméternek az értéke egy közönséges pozitív egész szám, és minél nagyobb ez a szám bármely adatbeviteli szervnél vagy hiperhivatkozásnál, annál később jelenik meg a bemeneti fókusz mozgatásakor. Természetesen a weboldal tervezési elemeinek párja sem rendelkezhet azonos értékkel, különben a böngésző egyszerűen nem veszi fel őket fókuszmozgással az elemek sorába.

Az egymás utáni tabulátorbillentyűk lenyomásával történő elérés mellett azonban használhatjuk a hozzáférési billentyű paramétert is, melynek értéke egy karakter. Amikor a felhasználó megnyomja a karakter beviteléért felelős billentyűt, a Bemeneti fókusz automatikusan átkerül a kívánt hiperhivatkozásra, amelynek deklarációjába beágyazódik a hozzáférési kulcs paramétere, és a felhasználó egér használata nélkül aktiválhatja azt gomb megnyomásával ... Nézzünk egy kis példát:

<а href="http://www.mysite.com/docl.html" tabindex="2" accesskey="U">

A hiperhivatkozás hordozója nem csak szöveg lehet, hanem grafikus kép is. Ehhez a címkék közé el kell helyezni egy címkét, amely bejelenti, hogy egy weboldal tartalmába grafikát kell beilleszteni.<а>és... De tény, hogy egy grafikus képre nem egy, hanem több hiperhivatkozást is "akaszthatunk", vagyis a képen belül több aktív terület is kiemelésre kerül, mindegyikre kattintva a megfelelő hiperhivatkozás aktiválódik. Hasonló technológiát neveznek szegmentált grafika.

Több hiperhivatkozáshoz kapcsolódó grafikus képek létrehozásához speciális címkéket használnak. Először deklarálják a rajz aktív területeit, amelyeket szegmenseknek is neveznek. Mindegyikük egy térképet készít a kép aktív szegmenseiről, amelyhez egy bizonyos nevet rendelnek. És akkor ez a térképnév magához a képhez kapcsolódik, a címke használatával deklarálva . Nézzünk egy tipikus példát.

Felsorolás 1.17

! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
"http://www.w3.org/TR/htm!4/strict.dtd">




<р>Ez egyszerű szöveg.

Ebben a példában láthatja, hogy egy kép deklarálásakor a címkében beszúrjuk a usemap paramétert, melynek értéke a hiperhivatkozásokhoz kapcsolódó aktív képszegmensek térképének neve. Egy hash szimbólum kerül beszúrásra a használt aktív szegmensleképezés neve elé. A kártya leírása a címkék között található ... Ebben az esetben a nyitó tag

A térkép a szegmensek leírásából áll. Minden szegmens egy címkével van leírva<агеа>... Hotspotokat három különböző alakban alkalmazhatunk: téglalapok, körök és sokszögek. Az alakzat megadása a szükséges alakparaméterrel történik. Ennek a paraméternek az értékeként a három előre beállított érték valamelyikét használhatjuk.

• Jelentése rect négyszögletes hotspotok létrehozására használják.
• Jelentése kör kör alakú szegmens létrehozására szolgál.
• Jelentése poli lehetővé teszi aktív szegmensek létrehozását konvex sokszögek formájában.

Miután beállítottuk az űrlap típusát, pontosan meg kell határozni azok méretét és elhelyezkedését grafikus képünkön. Ehhez a coords paramétert használjuk, amelynek értékeként az aktív szakaszt meghatározó koordináták listája kerül felírásra. Az 1.17-es listában láthatjuk, hogy az általános listában a koordinátákat szabályos vessző választja el. A koordinátákat a kép bal felső sarkától számítjuk, amelynek koordinátái (0; 0) vannak.

Téglalap alakú szegmenseknél adja meg a bal felső és a jobb alsó sarok koordinátáit. A sokszögeknél pedig az összes pont koordinátái egymás után vannak felsorolva, a vonalakkal való összekapcsolásuk sorrendjében. Természetesen az első és az utolsó koordinátapárnak egyeznie kell, különben a sokszög nyitva lesz, és az aktív szakasz nem kerül feldolgozásra.

A címkébe<аrеа>a href paraméter is szerepel, amelynek értéke az erőforrás URL -címe, amelyre a szegmens hiperhivatkozása mutat.
De ez a paraméter meglepő módon nem szükséges. Abban az esetben, ha egy szegmens létrehozása folyamatban van, de nem szabad hiperhivatkozáshoz kapcsolni, akkor a nohref paramétert kell használni, ami irreleváns.
De egy kötelező paraméter a címkéhez<аrеа>minden csak olyan. Ez az alt paraméter, amely egy szöveges karakterlánc, amely a kép alternatív reprezentációja. Mint tudjuk, ez a sor utalásként jelenik meg, amikor a felhasználó az egérmutatót az objektum fölé viszi. Esetünkben egy ilyen objektum egy grafikus képbe ágyazott aktív szegmens.

A címkében is<агеа>A normál hiperhivatkozási címkékhez hasonlóan a tabindex és a hozzáférési kulcs paraméterei használhatók a hiperhivatkozás egér használata nélkül, csak a billentyűzet használatával történő aktiválására. Kicsit korábban megvizsgáltuk ezen paraméterek értékeinek szerkezetét. Mellékletként érdemes megjegyezni, hogy minden megfelelő webmesternek mindenképpen használnia kell ezeket a paramétereket, hiszen csak ezek használata garantálhatja a hiperhivatkozások aktiválását egér segítsége nélkül.

Tehát kitaláltuk a szegmentált grafikus technológia használatát. De nem tanultunk meg mindent a linkekről. A HTML specifikáció meghatároz egy címkét , amely nem egy általunk megszokott hiperhivatkozást hoz létre, hanem valamilyen kapcsolatot a megjelenített dokumentum és valamilyen további fájl között. Címkék: csak HTML-dokumentum fejrészében, címkék között helyezhető el és Példaként az általunk vizsgált címke használatára a következő kódrészletet adhatja meg:

Felsorolás 1.18

"http://www.w3.org/TR/html4/strict.dtd">

Ezzel a részlettel jelezzük, hogy ez a weboldal egy kiterjedt dokumentum második fejezetét tartalmazza, és címkéket használ a tartalomjegyzéket, valamint az előző és a következő fejezetet tartalmazó weboldalakra való hivatkozás. A dokumentum típusát, amelyre a hivatkozás mutat, az ismert rel paraméterrel határozzuk meg, egy normál böngésző természetesen semmilyen módon nem fogja tudni feldolgozni és megjeleníteni az ilyen hivatkozásokat. A HTML-be vezették be, hogy olyan dokumentumokat hozzanak létre, amelyeket néhány speciális alkalmazás segítségével dolgoznak fel, amelyek lehetővé teszik ezen a formátumon alapuló munkafolyamat-rendszerek létrehozását. De a HTML beépített csekély képességei a teljes értékű munkafolyamat-rendszerek létrehozásához nyilvánvalóan nem voltak elegendőek, és amikor az XML szabványt kifejlesztették, a fejlesztők boldogan változtatták kedvencüket.

Így kiderül, hogy a szokásos weboldalakon a címke teljesen haszontalan? Nem igazán. Csak ezzel a címkével tudjuk összekapcsolni a weboldalakat külső stíluslapokkal, ami a leghatékonyabb módja annak, hogy szabályozzuk, hogyan jelenjen meg a dokumentum a böngészőben. De a stíluslapokról egy kicsit később, a második fejezetben fogunk tanulni. Itt is megvizsgálunk egy példát a címke használatára ... Egyelőre csak fel kell sorolnunk ennek a címkének a paramétereit. Mindezek a paraméterek a címkékre is vonatkoznak.<а>ugyanazokkal a lehetséges értékekkel, ezért nem vesszük figyelembe minden paramétert részletesen, hanem csak röviden soroljuk fel őket:

• karakterkészlet- jelzi annak a dokumentumnak a kódolását, amelyre a hivatkozás mutat;
• href- annak a dokumentumnak az URL-címe, amelyre a hivatkozás mutat értékként;
• hreflang- az érték annak a nyelvnek a kódmegjelölése, amelyen a hivatkozott dokumentum íródott;
• típus- beállítja annak a dokumentumnak a típusát, amelyre a hivatkozás mutat;
• rel- beállítja annak a bizonylatnak az állapotát, amelyre a hivatkozás mutat az eredeti dokumentumhoz képest;
• fordulat- beállítja az eredeti dokumentum státuszát ahhoz képest, amelyre ez a hivatkozás mutat;
• média- jelzi az eszköz típusát, amelyen a hivatkozott dokumentum megjelenik.

A hagyományos monitorokon, a látássérültek számára készült Braille-monitorokon, a nyomtatókon és a beszédeszközökön megjelenített dokumentumok jelenleg támogatottak. És természetesen ezeken a paramétereken kívül további azonosító paraméterek készlete is használatos, amelyek minden címkénél közösek.

Csupán egyetlen, a hiperhivatkozások kiszolgálására használt címkét kell figyelembe vennünk. Mint tudjuk, a hivatkozással ellátott dokumentumok teljes URL-címét elhagyhatjuk, ha a dokumentum ugyanazon a webhelyen található, mint az eredeti weboldal. De kiderül, hogy ugyanezt tehetjük más webhelyekhez tartozó weboldalakra mutató hiperhivatkozásokkal is.

A címke használata beállítjuk a rövidített href értékű hiperhivatkozások alapját. Próbáljuk meg bemutatni ennek a mechanizmusnak a működését egy egyszerű és szemléltető példán keresztül:

"http://www.w3.org/TR/html4/strict.dtd">



<Р>Szöveg<А href="/pages/birds.gif">Link

A kötelező paraméter href címke értékeként meghatározzuk azt a dokumentumot, amely oldalunk weboldalainak tartalmának alapja. És most, ha a HTML dokumentumunk törzsében egy rövidített URL-lel rendelkező hiperhivatkozást használunk, akkor ennek az URL-nek a domain neve nem az eredeti webhely neve lesz, hanem a címkében megadott ... Tehát a példában a hiperhivatkozás egy dokumentumra mutat

c URL www.mysite.com/pages/birds.gif.

Tisztázni kell, hogy a címke a dokumentum fejében a címkék közé helyezve és .

És ez minden, amiről beszélhetünk a hiperhivatkozások használatáról a HTML-ben.