Глава 10. Връзки

10.1. Хипервръзки

Хипервръзките са един от най-важните елементи в HTML документите и в частност в Web страниците. Именно хипервръзките са в основата на Web технологията. Без тях съществуването на Web пространството е невъзможно.

Чрез хипервръзка от Web страница може да се зареди в прозореца на браузера на потребителя HTML документ (Web страница) от цялото Web пространство, независимо къде се намира (на сървъра, където е разположена наблюдаваната в даден момент от потребителя Web страница или на всеки друг Web сървър в Internet). Нещо повече, чрез хипервръзките могат да се установяват връзки и в другите информационни пространства, например FTP и E-mail.

Връзките които могат да се реализират в Web пространството могат а се класифицират по няколко признака.

Първият признак е принадлежността на обекта, към който се осъществява връзката към сайта, от страница на който се осъществява връзката:
- вътрешна връзка - връзката е към страница или друг обект на сайта;
- външна връзка - връзката е към страница или друг обект, принадлежащ към друг сайт;
- вътрешна в рамките на дадена Web страница (вътрершно документна връзка)- връзката е към отделни части (раздели) на една страница.

Вторият признак за класификация на връзките от Web пространството може да бъде по информционното пространство (услугата) към което се осъществява връзката:

- в Web пространството - към Web сървър;

- към FTP пространството - връзката е към FTP сървър;

- към електронна поща - връзката е към E-mail сървър;

- към други услуги в Internet.

Тази класификация има определени условности, но тя спомага за по-ясното разбиране на различните връзки и начина за осъществяването им.

Хипервръзките в Web страница се задават с контейнерния таг наречен котва (Anchor), общият вид на който е следният:

<A HREF=".....">.....</A>.

Този таг има един задължителен атрибут HREF (Hypertext REFference), чрез който се указва адреса на HTML документа с който се осъществява хипервръзката. Между началната част на тага <A HREF="....."> и затварящата част (</А>) се намира текст, изобразяван в прозореца на браузера, най-често, като подчертан със син цвят. При поставяне показалеца на мишката върху този текст той се превръща в свита ръка със сочещ показалец. Това означава, че при еднократно натискане бутона на мишката ще се осъществи връзка с документа, намиращ се на адрес, присвоен като стойност на атрибута HREF и този документ ще бъде зареден в браузера.

Фрагмент от кода на Web страница с хипервръзки във вид на хипертекст е показан на фиг. 10.1, а изобразяването на този фрагмент (хипервръзките) е показано на фиг.10.2.

Фиг. 10.1

<P><A HREF="paragraf10-2.html">Към следващата страница</A></P>
<P>Втори вариант:</P>
<P>Към следващата старница <A HREF="paragraf10-2.html"><FONT SIZE="4"><STRONG>&gt;&gt;&gt;</STRONG></FONT></A></P>
<P>За да видите изображението натиснете <A HREF="malka2.gif">тук.</A></P><

В текста на фиг. 10.1 &gt;&gt;&gt; е кодът на символите >>>.

Фиг. 10.2

Към следващата страница

Втори вариант:

Към следващата старница >>>

За да видите изображението натиснете тук.

Вместо текст , показван като хипервръзка , между отварящата и затварящата част на тага, може да се използва графичен обект (бутони, малки графичени изображени др.). Тези графични елементи, както беше изяснено в глав 9, се задават с тага <IMG...>.

На фиг.10.3 е показан фрагмент от кода на Web страница, в която се използват графични елементи за хипервръзка, а на фиг.10.4 се вижда как се изобразяват хипервръзките в прозореца на Web браузера.

Фиг. 10.3
<P>Към следващата страница <A HREF="paragraf10-2.html"><IMG SRC="img/triug-djsno.GIF" ALT="djsno" WIDTH="20" HEIGHT="24" BORDER="0" ALIGN="MIDDLE"></A></P>
<P>Сайт на ВВМУ <A HREF="http://www.naval-acad.bg" TARGET="_blank"><IMG SRC="img/mu-planet-70.jpg" ALT="VVMU" WIDTH="70" HEIGHT="47" BORDER="0" ALIGN="MIDDLE"></A></P>

 

Фиг. 10.4

Към следващата страница djsno

Сайт на ВВМУ VVMU

Във вторият таг за връзка на фиг. 10.3 (<A HREF="http://www.naval-acad.bg" TARGET="_blank">)е използван един от незадължителните атрибути: TARGET - цел (приемник) на хипервръзката.

Този атрибут се използва и в други тагове. Стойностите, които приема в тях ще бъдат разгледани в глава 12.

Най-често в таговете за връзка, използвани в обикновенни Web траници този таг приема две стойности:

- "_self " - страницата (обекта) от връзката се зарежда в прозореца на браузера, от който се реализира връзката. Това действие е по подразбиране, така, че не е необходимо да се използва атрибута TARGET в случаите когато е такава целта;
-"_blank" - страницата (обекта) от връзката се зарежда в нов прозореца на браузера.

Препоръчително е когато се осъществява връзка към друг сайт да се използва атрибута TARGET със стойност _blank.

Тук е удачно да се напомни, че се счита за коректно да се използва само връзка към първата страница на външен сайт, а не към негова вътрешна страница.

Образно казано, когато връзката е към първата страница на сайт, то "влизането" в сайта е през "главния вход", иначе то е през "заден вход" или през "прозорец".