Хипертекстът е текст, който съдържа връзка към друг текст. Пример могат да бъдат забележките на автора за сложни дефиниции или бележки под линия на преводачи в долната част на страницата на книгата, ако текстът е намерен на чужд език. Интернет сайтовете представляват сложна система от хипертекстни преходи от една страница към друга, в самата страница, както и между несвързани, еднократни ресурси. Тази структура е практична, спестява много време, позволява на потребителя бързо да намери необходимата информация и да не се загуби в голям брой преходи.

Hyperlink insert

В HTML, за да вмъкнете хипервръзка, се използва дескриптор (tag)Това е пример за това как да вмъкнете хипервръзка в HTML документ, който се изпълнява с помощта на маркер. Посетителят на сайта ще види подчертания текст, който е различен от цвета на заобикалящия го текст (цветът на HTML връзката може да бъде всеки), "началната страница на Google", която ще кликне върху нея, ще удари главната страница на търсачката на Google. Трябва да се отбележи, че текстът на хипервръзката трябва да съдържа информация за мястото на прехода. Този принцип трябва да се спазва и приема като правило!

Структура на етикета

Възможно е да се отбележи, че целият дизайн на този таг се нарича елемент на уеб документ. Чрез HTML правила някои елементи могат да съдържат други елементи. Тагът не е изключение. Ако програмистът трябва да подчертае смелите думи на Google, тогаватова се прави с етикет [b] [/b] съгласно общите правила за форматиране на текста, като се спазва последователността на вложени тагове. Уеб администраторът трябва да знае как да създава хипервръзки в HTML без грешки, в противен случай няма да работи. Недостъпните връзки към компютърния жаргон се наричат ​​"бити". главна страница [b] Google [/b] Тук: елементът на Google [/b] съдържа прикачен файл [b] Google [/b] Посетителят на страницата сега ще види хипервръзка, подчертана с удебелен текст с думата "Google".

Абсолютни хипервръзки

Хипервръзките използват абсолютните URL адреси на сайтове, които съдържат имена на домейни (.ru, .com, .org, .gov), наречени абсолютни и имат следния синтаксис: protocol: //име на домейн /път към file Пример за американски адрес на търсачката: https://aol.com - абсолютен, тъй като съдържа името на домейна .com. Абсолютните хипервръзки се използват за прескачане на страници от други сайтове или за достъп до ресурси, разположени на друг сървър. Преходът се извършва чрез интернет протоколи. Протоколи - това не е тема на тази статия, но тъй като те участват в създаването на хипервръзки, е необходимо да се споменат поне накратко:

http и https - най-често срещаните; последвано от преход между уеб страници на различни сайтове;

ftp - протокол за изтегляне на файлове на сървъра или изтегляне с потребителя на сайта;

протокол mailto - mail, който изпраща електронна поща директно от сайта, без да влиза в личната поща.

Има още няколко специални протоколаДестинацията (gopher, telnet) е доста рядка, използването на която изисква специализирани познания в програмирането или системното администриране.

Относителни хипервръзки

Когато относителното адресиране на използването на хипервръзки в HTML служи за преходи вътре в ресурса и не води до неговите граници. Ако страницата е толкова голяма, че вертикалната лента за скролиране работи, понякога е много дълга, както в речниците, например, много е удобно и полезно да се използват относителни връзки за бързо прескачане на желаната буква. Когато създавате интернет речник, програмистът в началото на страницата има азбука и ако връзките не са използвани, потребителят ще трябва да завърти колелото на мишката за много дълго време, за да стигне до буквата "I". За да създадете относителна връзка, атрибутът tag name се предхожда от знак за котва решетка, без който превключването на буквата няма да работи.

Относително адресиране при създаването на сайт

Удобен и най-често използван алгоритъм за създаване на сайт от програмиста:

създаване на папка на компютъра и местоположението му на място за бърз достъп за удобство;

създайте главната страница на индекса в тази папка index.html;

създаване на вторични уеб страници (index.html /page2);

създаване на папка и поставяне на графични файлове в нея;

създаване на папка и поставяне в нея на други обекти (файлове за изтегляне например);

съдържание на съдържанието;

Хостван хостинг на файлове.

Задължително е да се използва връзка за комуникация между елементите на сайта,и много по пътя ще знаете как да вмъкнете хипервръзка в HTML на друга страница на този сайт. Ако файловете на сайта са в една и съща директория, на един сървър, няма нужда да се използва абсолютен адрес. При прехвърляне на файловете на сайта към хостинг връзката между обектите ще бъдат запазени, защото те ще бъдат хоствани в същата директория. Например, програмистът е създал главната страница на сайта index.html, която има връзка към друга page2.html страница, украсена с img.png. Тогава относителният път към тази картина ще изглежда така: картина Съвет: При изучаването на тази тема най-добре е да използвате обикновен текстов редактор, защото трябва да придобиете способността да пишете правилно адресите на прехода и да се научите как да се справяте с някой друг код. На този етап хипервръзката ще бъде добър резултат без никакви грешки в тетрадката, HTML не им прощава и издава грешки.

Хипервръзки с хипервръзки

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

_blank



отваря страницата в нов прозорец на браузъра



_self



отваря страницата в текущия прозорец (по подразбиране)



_parent



отваря страницата към родителския


)
_top



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

Синтаксисът на целта на приложението на атрибута: началната страница на главната страница на Google в Google се отваря в нов прозорец. Забележка: За да отворите страници в нов раздел, няма стойности за този атрибут, а зададени от потребителя в настройките на браузъра.

Цвят на хипервръзката

Опитният потребител на интернет с течение на времето трябва да е забелязал, че хипервръзките се различават по цвят от заобикалящия го текст и обикновено са сини. Връзката, по която той преминава и след това се връща на предишната страница, става люляк. Използването на хипервръзки в HTML в нестандартна цветова схема е малко, но подчертава на сайта. Определя цвета на връзките в маркера, като използва атрибутите и техните стойности, които са HTML цвят в rgb системата (# 00FF00) или с директно указание за името на цвета ("зелен"). Има три вида атрибути за връзки:

link - определя цвета на посетената връзка;

vlink - Определя цвета на връзката, по която потребителят е преминал;

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

Пример за маркиране: Ако приложите тези атрибути, маркерът за връзка за този уеб документ ще бъде тъмно-син, посетен - лилав и активен - оранжево-червен.

Графични хипервръзки

Напредъкът и развитието на уеб дизайна изисква да се знае как да се вмъкне хипервръзка в HTML катоизображение. Ясно е, че картината трябва да съответства на съдържанието на целевата страница. Например, главната страница на сайта за лекарствените растения може да бъде представена под формата на снимки на растения, като кликнете върху която, потребителят отива на страницата, която описва лечебните свойства на растението. Широко използван метод за замяна на статични бутони () върху красива графика, създадена от уеб дизайнер в графичните редактори (GIMP, Photoshop). Вмъкването на графики като хипервръзки към страниците на сайта използва един и същ синтаксис, но вместо текста, HTML етикетът за вмъкване се използва от HTML правилата: Да се ​​маркира За да се осъществяват повиквания от сайта, трябва да има не само линк към телефонния номер на абоната, но и на слушалките (микрофон, слушалки), инсталирани на компютъра, програмата VoIP, скоростта на интернет трябва да надвишава 05 Mb /sec. Плащането за разговори се извършва от цената на трафика. Следователно, ако интернет е неограничен, разговорите са безплатни.

Етика на създаването на хипервръзки

Когато публикувате интернет страница, уебмастърът трябва да знае какви видове хипервръзки съществуват в HTML и не само правилно, професионално да ги прилагат, но също така да се придържат към следното:

Хипервръзките трябва да бъдат ясно видими. , различен от заобикалящия го текст. Потребителят трябва да знае, че това е хипервръзка.

На потребителя трябва да е ясно къде ще бъде ударен, като кликне върху връзката. За да направите това, препоръчително е да използвате атрибута за заглавието, който накратко описва страницатапреход. Синтаксисът на приложението на атрибута е:

Yandex

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

След като удари грешната страница или свали грешен файл, потребителят ще напусне сайта незабавно в 99% от случаите и никога няма да отиде на сайта в бъдеще.

Anti-Seo при създаването на хипервръзки

В допълнение към техническата страна, въпросът как да се вмъкват хипервръзки в HTML трябва също да подчертае моралния аспект. Има много сайтове, които потребителите са блокирани от програми за сигурност (антивирусни програми) или дори от държавата. Това са сайтовете, създадени от незащитени уеб разработчици. Един от триковете, които използват, е да вмъкне "невидима" хипервръзка към уеб страница. Измамниците знаят как да създават хипервръзка в HTML и използват атрибутите, за да премахнат подчертаването на връзката и да я присвоят с цвета на заобикалящия го текст, така че средният потребител да не го вижда. А с други уеб-базирани инструменти (CSS, javascript, PHP) можете да програмирате тяхното поведение. Например, събитието onmouseover на езика на javascript активира действието на елемент на уеб страница. Когато потребител кликне върху невидима връзка, той кликва върху рекламната страница на друг сайт. Или по-лошо, когато има невидима връзка към файла и той започва да изтегля и инсталира ненужен софтуер на компютъра си. Обикновено това са вируси, които променят началната страница на браузъра, претрупват твърдия диск до масата на програмите и т.н. Скоро сасайтовете попадат в "черния списък" на вирусните бази данни, системите за сигурност и сред самите интернет потребители. Такива сайтове не живеят дълго и трябва да променят имената си, безкрайно да мигрират по интернет, да променят хост-доставчиците. Това не насърчава популяризирането на сайта, към който неговият създател винаги се стреми, никога няма да го направи мегапортал, като например социалните мрежи. Наред с другите неща, такива техники предизвикват много негативни емоции у хората, засегнати от тези действия.