Hypertextový odkaz v jazyku html je naformátovaný. Hypertextový odkaz - čo to je, ako vytvoriť odkaz a vložiť ho do kódu HTML (href, prázdny cieľ a ďalšie atribúty značky). Farba textu hypertextového odkazu

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

To znamená, že kombinujeme použitie úplnej adresy URL dokumentu a súčasne ukazujeme na jeho určitý fragment označený ako „anch3“.

Ryža. 1.16. Okno prehliadača zobrazujúce výsledok zobrazenia súboru zobrazeného v zozname 1.16

Je potrebné poznamenať, že ak sa text, na ktorý odkazuje hypertextový odkaz, už zobrazí v oblasti zobrazenia, ako sa to stalo v našom poslednom prípade, nedôjde k žiadnej zmene. Stačí, ak zmeníte veľkosť zobrazovacej oblasti prehliadača vertikálne, aby ste skryli posledný riadok obsahu, na ktorý hypertextový odkaz ukazuje, a výsledok jeho akcie je možné vizuálne predviesť.

Prirodzene, všetky názvy takýchto značiek záložiek, ktoré sú definované pomocou hodnoty parametra name, musia byť jedinečné. Uvedomte si však, že HTML nerozlišuje medzi veľkými a malými písmenami. Ak sú teda v našom dokumente HTML definované dve záložky, na ktoré budú následne odkazovať hypertextové odkazy, ktoré sa líšia iba v prípade znakov, potom v prípade analyzátora HTML zabudovaného v prehliadači budú tieto identifikátory považované za rovnaké a nebudú spracovať ktorúkoľvek z nich.

Už však vieme, že je možné identifikovať ľubovoľný prvok dokumentu HTML pomocou parametra id, ktorý je možné použiť ako súčasť akejkoľvek značky. Hypertextové odkazy ukazujúce na fragmenty dokumentu môžu súčasne používať aj tieto parametre, to znamená, že na nastavenie značky záložky na značku nie je potrebné značku používať<а>s parametrom name stačí použiť parameter id.

Hodnoty pre parameter name a parameter id sú jedinečné identifikátory pre prvky v dokumente HTML. Preto by žiadna hodnota pre parameter name nemala zodpovedať žiadnej hodnote pre parameter id.

Akú možnosť by ste však mali pre svoje webové stránky zvoliť? Akú možnosť by ste mali použiť? Tu si uvedomte, že hoci parameter id môže vykonávať niekoľko činností, ako je napríklad identifikácia značky záložky, vytváranie jedinečných identifikátorov pre spustiteľné skripty DHTML a štýl, niektoré staršie prehliadače nemusia tieto identifikátory akceptovať na zacielenie na hypertextové odkazy.

Spolu s visačkou<а>parameter title môže byť použitý na identifikáciu hypertextového odkazu na vzdialeného používateľa. Hodnota tohto parametra je textový reťazec, ktorý sa zobrazí ako malá nápoveda, keď používateľ umiestni kurzor myši na požadovaný hypertextový odkaz. Reklama na takýto hypertextový odkaz vyzerá takto:

<а href="www.site.com" title="Veľmi pekná stránka">

Pomocou parametra hreflang môžeme určiť jazyk, v ktorom je zapísaný textový obsah internetového zdroja, do ktorého je tento hypertextový odkaz zapísaný. Hodnota parametra je jednou zo štandardných jazykových konvencií, o ktorých sme diskutovali vyššie v tejto kapitole.
Upresnenie jazyka, v ktorom je textový obsah webovej stránky napísaný, však nestačí. Je tiež potrebné uviesť použité kódovanie. A tu nám môže pomôcť už známy parameter charset, ktorého hodnotou je štandardné označenie kódovania používaného na zobrazenie textového obsahu internetového zdroja, na ktoré ukazuje požadovaný hypertextový odkaz.

Pomocou parametra gel môžeme označiť účel dokumentu, na ktorý ukazuje hypertextový odkaz, to znamená, že hodnota tohto parametra jasne naznačuje vzťah medzi pôvodným dokumentom a dokumentom, na ktorý odkazujeme. Použitie tohto parametra nemá žiadny vplyv na to, ako sa zobrazuje hypertextový odkaz alebo ako sa získava zdroj, ale môže to byť užitočné. Ak sú webové stránky určené nielen na prezeranie pomocou prehliadača, ale aj na spracovanie niektorými špecializovanými aplikáciami. Napríklad pokročilé vyhľadávače, ktoré sú schopné správne rozpoznať a spracovať takéto vzťahy medzi dokumentmi, označené hypertextovými odkazmi.

Parameter rel používa jedno z preddefinovaných kľúčových slov, na ktoré sa teraz pozrieme.

• Náhradník. Hodnota udáva, že dokument je alternatívnou reprezentáciou pôvodného dokumentu. Ak je v hypertextovom prepojení použitý parameter lang s hodnotou, ktorá sa líši od jazyka pôvodného dokumentu, potom sa taký hypertextový odkaz zvyčajne považuje za odkaz na kópiu pôvodného dokumentu v inom jazyku.
• Šablóna so štýlmi. Označuje, že dokument, na ktorý odkazuje hypertextový odkaz, je štýl. Mechanizmus aplikácie štýlov je podrobne popísaný v druhej kapitole.
• Začnite. Používa sa na označenie počiatočného, ​​počiatočného dokumentu určitého súboru dokumentov. V prípade webovej stránky by to zrejme bola domovská stránka.
• Ďalšie. Hodnota sa použije, ak sú počiatočný dokument a dokument, na ktorý odkazuje hypertextový odkaz, v nejakom lineárnom usporiadanom slede dokumentov, ktorý je ďalším v poradí vzhľadom na pôvodnú webovú stránku.
• Predchádzajúce. Hodnota sa používa rovnakým spôsobom ako predchádzajúci, ale teraz naznačuje, že dokument v reťazci nie je nasledujúci, ale predchádzajúci, vzhľadom na počiatočný dokument.
• index. Používa sa v hypertextových odkazoch, ktoré odkazujú na dokument, ktorý je indexovaným obsahom pôvodnej webovej stránky.
• Glosár. Hodnota udáva, že dokument obsahuje slovník pojmov použitých v pôvodnom dokumente.
• autorské práva. Používa sa, ak dokument, na ktorý odkazuje hypertextový odkaz, obsahuje upozornenie na autorské práva na obsah pôvodného dokumentu.
• kapitola. Používa sa v hypertextových odkazoch smerujúcich na dokumenty, ktoré sú samostatnými kapitolami v sérii dokumentov.
• sekcii. Hypertextový odkaz s touto hodnotou parametra rel označuje dokument, ktorý je časťou spoločného súboru dokumentov, ktoré tvoria jeden celok obsahu.
• podsekcia. Význam je pokračovaním konceptu naznačeného predchádzajúcim významom, ktorý sme zvažovali. To znamená, že dokument už je podsekcia.
• Príloha. Hodnota označuje, že dokument, na ktorý odkazuje hypertextový odkaz, je prílohou k pôvodnému dokumentu.
• Pomoc. Používa sa na odkazy na dokumenty, ktoré poskytujú ďalšie referenčné informácie vo vzťahu k obsahu pôvodného dokumentu.
• Záložka. Používa sa na odkazy na dokumenty HTML obsahujúce odkazy na niektoré zvýraznené kľúčové fragmenty zdrojového dokumentu.

Pri použití týchto hodnôt je potrebné mať na pamäti, že v tomto prípade analyzátory HTML budú rozlišovať malé a veľké písmená, takže musíte úplne dodržať pravopis uvedený v našom zozname.

V HTML je v skutočnosti príležitosť vytvoriť si vlastné hodnoty pre atribút, ktorý zvažujeme, ale keďže na úplné využitie tohto parametra je potrebné použiť špecializované prostriedky na opis týchto nových hodnôt a softvér zameraný na pri rozpoznávaní týchto typov odkazov. Pretože sa zaujímame o prehliadače, nepotrebujeme vytvárať nové typy odkazov.

Táto technológia je vlastne paliatívou, ktorá je navrhnutá tak, aby poskytovala aspoň časť možností, ktoré poskytuje nový jazyk na opis dokumentov na internete - XML ​​(extensible Markup Language), o ktorom sa predpovedá, že bude nástupcom a „zabijakom“ HTML. Zatiaľ však neexistujú žiadne rozšírené prehliadače XML. aplikácie, ktoré spracovávajú dokumenty XML. A dosť dlho nebude táto technológia všeobecne akceptovaná, čo znamená, že technológia HTML má stále všetky práva na existenciu a bude slúžiť ako základ pre webové stránky ešte dlho.

Ale späť k pohľadu na atribúty značky<а>... Atribút rev je opakom atribútu rel. Ak atribút rel určuje typ dokumentu, na ktorý odkazuje hypertextový odkaz, potom atribút rev určuje typ pôvodného dokumentu, ktorý obsahuje hypertextový odkaz. Pre hodnoty tohto atribútu sa používa rovnaká skupina kľúčových slov, ktorá bola použitá pre atribút rel.

Pomocou cieľového parametra určíme, v ktorom rámci sa má zobraziť dokument, na ktorý hypertextový odkaz ukazuje. Ide o to, že spravidla sa jeden dokument zobrazuje v jednom výreze prehliadača. Ale v HTML je možné rozdeliť výrez na niekoľko oblastí, nazývaných rámce, z ktorých každá zobrazí svoj vlastný dokument HTML. Technológiu používania rámcov zvážime v jednej z nasledujúcich častí tejto kapitoly, ale zatiaľ len poznamenávame, že cieľový parameter vám umožňuje výslovne určiť, v akom rámci by sa mala webová stránka zobrazovať. Nastavenie hypertextového odkazu pomocou tohto parametra bude vyzerať asi takto:

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

Takýto hypertextový odkaz spôsobí, že prehliadač načíta webovú stránku, ktorej adresa URL je zadaná ako hodnota parametra href, do horného rámca, ktorého názov je uvedený v cieľovom parametri. Posledný parameter používa kľúčové slová definované v špecifikácii HTML. Pokryjeme ich v časti o rámoch.

Niektoré vstupné orgány a hypertextové odkazy vám umožňujú presúvať zameranie vstupu medzi sebou pomocou klávesu tab, to znamená, že jedným stlačením tohto klávesu aktivujete ďalší vstupný orgán zahrnutý vo všeobecnej sekvencii. A poradie pohybu medzi ovládacími prvkami zahrnutými vo všeobecnom poradí sa nastavuje pomocou parametra tabindex. Ako hodnota tohto parametra sa používa obyčajné kladné celé číslo a čím vyššie je toto číslo v ľubovoľnom orgáne alebo hyperlinku na zadávanie údajov, tým neskôr k nemu dôjde, keď sa presunie vstupné zameranie. Prirodzene, žiadny pár prvkov dizajnu webovej stránky by nemal mať rovnakú hodnotu, inak ich prehliadač jednoducho nezahrnie do sekvencie prvkov s pohybom zamerania.

Okrem prístupu postupným stlačením klávesov na karte však môžeme použiť aj parameter prístupového kľúča, ktorého hodnota je znak. Keď používateľ stlačí kláves, ktorý je zodpovedný za zadanie tohto znaku, zameranie vstupu sa automaticky prenesie na požadovaný hypertextový odkaz, do ktorého deklarácie je vložený parameter prístupového kľúča, a používateľ ho môže aktivovať bez použitia myši, jednoducho stlačenie klávesu ... Pozrime sa na malý príklad:

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

Nositeľom hypertextového odkazu môže byť nielen text, ale aj grafický obrázok. Na tento účel musíte medzi značky umiestniť značku oznamujúcu vloženie grafiky do obsahu webovej stránky<а>a... Faktom však je, že na grafický obrázok nemôžeme „zavesiť“ nie jeden, ale niekoľko hypertextových odkazov, to znamená, že v obrázku je zvýraznených niekoľko aktívnych oblastí, kliknutím na každú z nich aktivujete príslušný hypertextový odkaz. Podobná technológia sa nazýva segmentovaná grafika.

Na vytvorenie takýchto grafických obrázkov spojených s viacerými hypertextovými odkazmi sa používajú špecializované značky. Najprv sú deklarované aktívne oblasti výkresu, nazývané tiež segmenty. Všetky tvoria mapu aktívnych segmentov obrázku, ktorej je priradené určité meno. A potom je tento názov mapy spojený so samotným obrázkom, deklarovaným pomocou značky . Uvažujme o typickom príklade.

Výpis 1.17

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




<р>Toto je obyčajný text.

V tomto prípade to môžete vidieť pri deklarovaní obrázku v značke vložíme parameter usemap, ktorého hodnota je názov mapy aktívnych segmentov obrázku spojených s hypertextovými odkazmi. Pred názov použitej aktívnej mapy segmentov je vložený symbol hash. Popis tejto karty je umiestnený medzi značkami ... V tomto prípade otváracia značka

Mapa pozostáva z popisu segmentov. Každý segment je popísaný jednou značkou<агеа>... Hotspoty môžeme aplikovať v troch rôznych tvaroch: obdĺžniky, kruhy a mnohouholníky. Tvar je zadaný pomocou požadovaného parametra tvaru. Ako hodnotu tohto parametra môžeme použiť jednu z troch prednastavených hodnôt.

• Význam rekt používa sa na vytváranie obdĺžnikových hotspotov.
• Význam kruh slúži na vytvorenie kruhového segmentu.
• Význam poly umožňuje vytvárať aktívne segmenty vo forme konvexných mnohouholníkov.

Potom, čo sme nastavili typ formulára, je potrebné presne určiť ich veľkosť a umiestnenie na našom grafickom obrázku. Na tento účel sa používa parameter coords, ktorého hodnotou je zapísaný zoznam súradníc, ktoré definujú aktívny segment. V zozname 1.17 vidíme, že súradnice vo všeobecnom zozname sú oddelené pravidelnou čiarkou. Súradnice sa počítajú z ľavého horného rohu obrázku, ktorý má súradnice (0; 0).

V prípade obdĺžnikových segmentov zadajte súradnice ľavého horného a pravého dolného rohu. A pre mnohouholníky sú súradnice všetkých bodov uvedené v poradí, v poradí ich spojenia čiarami. Prirodzene, prvá a posledná dvojica súradníc sa musia zhodovať, inak bude polygón otvorený a aktívny segment nebude spracovaný.

Do značky<аrеа>je zahrnutý aj parameter href, ktorého hodnota je adresa URL zdroja, na ktorý odkazuje hypertextový odkaz tohto segmentu.
Tento parameter je však prekvapivo voliteľný. V prípade, že sa segment vytvára, ale nemal by byť prepojený s hypertextovým odkazom, mal by sa použiť parameter nohref, ktorý je irelevantný.
Je to však požadovaný parameter pre značku<аrеа>všetko je len tak. Toto je parameter alt, čo je textový reťazec, ktorý je alternatívnou reprezentáciou obrázku. Ako vieme, tento riadok sa zobrazí ako náznak, keď používateľ umiestni kurzor myši na objekt. V našom prípade je takýmto objektom aktívny segment vložený do grafického obrázku.

Tiež v tagu<агеа>Rovnako ako bežné značky hypertextových odkazov, parametre tabindex a prístupový kľúč sa používajú na aktiváciu hypertextového odkazu bez použitia myši, iba pomocou klávesnice. Štruktúru hodnôt týchto parametrov sme skúmali o niečo skôr. Ako vedľajšiu stopu je potrebné poznamenať, že každý správny správca webu by mal tieto parametre určite používať, pretože iba ich použitie môže zaručiť aktiváciu hypertextových odkazov bez pomoci myši.

Zistili sme teda použitie technológie segmentovanej grafiky. Ale nedozvedeli sme sa všetko o odkazoch. Špecifikácia HTML definuje značku , ktorá nevytvára hypertextový odkaz, na ktorý sme zvyknutí, ale určité prepojenie zobrazeného dokumentu s nejakým dodatkovým súborom. Tagy: je možné umiestniť iba do hlavnej sekcie dokumentu HTML, medzi značky a Uvažujeme ako príklad použitia značky môžete zadať nasledujúci kód:

Výpis 1.18

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

Týmto úryvkom naznačujeme, že táto webová stránka obsahuje druhú kapitolu rozsiahleho dokumentu a používa značky prepojenie na webové stránky obsahujúce obsah a predchádzajúcu a nasledujúcu kapitolu. Typ dokumentu, na ktorý sú odkazy určené pomocou známeho parametra rel. Bežný prehliadač samozrejme nebude môcť tieto odkazy akýmkoľvek spôsobom spracovať a zobraziť. Boli zavedené do HTML na vytváranie dokumentov, ktoré by boli spracované pomocou niektorých špecializovaných aplikácií, ktoré umožňujú vytvárať systémy pracovných tokov založené na tomto formáte. Vstavané skromné ​​možnosti HTML na vytváranie plnohodnotných systémov na správu dokumentov však zjavne nestačili a keď bol vyvinutý štandard XML, vývojári s potešením zmenili svoje obľúbené.

Ukazuje sa teda, že na bežných webových stránkach je značka absolutne zbytocne? Nie naozaj. Iba s touto značkou môžeme prepojiť webové stránky s externými štýlmi, čo je najsilnejší spôsob, ako ovládať, ako sa dokument zobrazuje v prehliadači. Ale o štýloch sa dozvieme trochu neskôr, v druhej kapitole. Tam zvážime aj príklad použitia značky ... Zatiaľ musíme uviesť iba zoznam parametrov tejto značky. Všetky tieto parametre sa vzťahujú aj na značky.<а>s rovnakými možnými hodnotami, takže nebudeme podrobne zvažovať každý parameter, ale len ich stručne uvedieme v zozname:

• znaková sada- označuje kódovanie dokumentu, na ktorý odkaz ukazuje;
• href- adresa URL dokumentu, na ktorý sa odkaz používa ako hodnota;
• hreflang- hodnota je kódové označenie jazyka, v ktorom je napísaný prepojený dokument;
• typ- nastavuje typ dokumentu, na ktorý odkaz ukazuje;
• rel- nastavuje stav dokumentu, na ktorý odkaz ukazuje vo vzťahu k pôvodnému dokumentu;
• rev- nastavuje stav pôvodného dokumentu vo vzťahu k dokumentu, na ktorý odkazuje tento odkaz;
• médiá- udáva typ zariadenia, na ktorom sa bude odkazovaný dokument zobrazovať.

V súčasnej dobe sú podporované dokumenty zobrazené na bežných monitoroch, na braillovských monitoroch pre zrakovo postihnutých, pre tlačiarne a rečové zariadenia. A samozrejme, okrem týchto parametrov sa používa aj súbor ďalších identifikačných parametrov spoločných pre všetky značky.

Zostáva na nás, aby sme zvážili iba jednu značku používanú na poskytovanie hypertextových odkazov. Ako vieme, pre dokumenty s hypertextovým prepojením môžeme vynechať úplnú adresu URL, ak sa dokument nachádza na rovnakom webovom serveri ako pôvodná webová stránka. Ukazuje sa však, že to isté môžeme urobiť s hypertextovými odkazmi na webové stránky, ktoré sú súčasťou iných webov.

Použitie značky nastavíme základ pre hypertextové odkazy so skrátenými hodnotami href. Pokúsme sa demonštrovať fungovanie tohto mechanizmu na jednoduchom a názornom príklade:

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



<Р>Text<А href="/pages/birds.gif">Odkaz

Ako hodnota požadovaného parametra href tag definujeme dokument, ktorý je základom pre obsah webových stránok nášho webu. A teraz, ak v tele nášho dokumentu HTML použijeme hypertextový odkaz so skrátenou adresou URL, potom sa ako názov domény tejto adresy URL nepoužije názov pôvodného webu, ale názov uvedený v značke. ... V tomto prípade teda hypertextový odkaz ukazuje na dokument

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

Malo by byť objasnené, že značka umiestnené v hlave dokumentu medzi značkami a .

A to je všetko, o čom sa môžeme baviť pomocou hypertextových odkazov v HTML.