Навигация с href връзки

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

Тагът „a href“ е една от добрите стари традиции. Неговите функции все повече се изпълняват от по-модерни методи. Въпреки това, котвата (Anchor) все още е лесна за използване и използването й е оправдано в много случаи.

възможности

Тагът "a href = 'URL'" ви позволява да пренасочите посетител към конкретен URL адрес в интернет. Можете да зададете атрибута „title =" #### 0 "" и след това, когато задържите мишката върху маркера, ще се появи описанието на връзката, зададено от разработчика.

Можете да определите къде ще бъде отворена връзката: в текущия прозорец или в нов. Атрибутът „target“ може да има следните стойности:

• _blank (отворен URL адрес в нов прозорец);
• _self - (заредете URL адреса в текущия прозорец);
• _parent - (заредете URL адреса в родителски код);
• _top - (изтегляне на URL в пълния прозорец на браузъра).

Съдържанието на маркерите може да бъде почти всичко. Обикновено тук се използва картина или текст, въпреки че могат да се използват и други по-сложни HTML конструкции.

Този пример показва четири различни връзки. Първата точка сочи към конкретен URL адрес в мрежата, а вторият - към позиция в текущата страница. Третото стартира поща да изпратите писмо на даден адрес, а последното дава възможност на посетителя да изтегли * .pdf файл на своя компютър.

Последните две връзки имат снимки. Във всички случаи нека кликваме върху съдържанието на маркера. Фразата alt = "load a document" има различно значение и няма отношение към подсказката. За да може посетителят да види подписа на елемента, той трябва да бъде посочен директно в "a href", в неговия атрибут "title".

Преместване на позиция на страницата

Можете да използвате котва с атрибута name = 'posName' и да укажете местата на страницата, на които посетителят може да отиде. Това ще позволи както да се направи препратка към определен раздел от кода, така и да се отбележи неговата специфична функционалност.

Например, на страницата за ръководство на FreeBSD OS можете да намерите съдържанието на процедурата по инсталиране и конфигурацията на тази система.

Разработчикът изброи всички стъпки на процедурата и всеки маркиран: "a name = 'stepNo1'", "name = 'stepNo2'", ..., "име = 'stepNo9'". Това му позволява да маркира всеки елемент от съдържанието с необходимите преходи: “a href = '# stepNo1'” ('# stepNo2', ..., '# stepNo9').

С помощта на линкове, можете да изпълнявате не само съдържанието на информационната страница, но и да изграждате меню, да развивате навигация в рамките на страницата или на сайта като цяло.

Функции на приложението

Връзката не може да бъде вмъкната. Всъщност е ясно, че връзката в връзката е глупост. HTML етикетът "href" не позволява използването на друго съдържание като съдържание.

Може да бъде оформена връзка. Можете да приложите клас или CSS идентификатор. Вътре в етикета можете директно да използвате стила атрибут “style” - това е показано в примера.

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

За тази цел, CSS предвижда използването на описания за "a href" и псевдо-класове :: link,: visited,: active.

Използването на псевдокласи ви позволява да промените дизайна на връзката в различни ситуации (щракване, движение на мишката, други събития). Можете да му присвоите манипулатор на JavaScript. Например трябва да преброите броя на кликванията върху дадена връзка, броя на изтеглените файлове и т.н.

Относителни и абсолютни препратки

HTML тегът "href" позволява използването на относителен вариант за навигация през страниците на сайта. В този случай разработчикът посочва страницата, без да посочва „http://“ и манипулира наклонените черти, за да навигира в папките на сайта, които съдържат желаните страници.

Например, "../page name" означава преместване към страница, която е извън текущата папка, но "име на папка / име на страница" се отнася до страница в папка вътре в текущата.

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

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

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

Във втория пример, "2", атрибутът href се използва за навигация от страницата към други сайтове. Втората връзка показва, че манипулаторът "scfToSite ('scCall');" ще бъде извикан на кликване на мишката.

Препратка към протокола

Можете да използвате не само “a href http или mailto:”, можете също да укажете “file: //, ftp: //, news:, telnet: //, ...”. Тези опции са по-рядко срещани.

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

Любителите на спам често сканират съдържанието на страниците на сайтовете в търсене на имейл адреси. На тази проста основа изрично посочване на адреса е силно нежелателно. По-модерна опция е формата за изпращане на съобщение, че посетителят запълва.

Меню чрез връзки

Как да създадете елемент от менюто за връзка определя разработчика. Наскоро, за организирането на менюто, използвайки списъци "li". Това се счита за добра форма за SEO причини. Вътре в този етикет можете да използвате не само „div“ или „span“, за да създадете елемент от менюто, но също така и всеки друг дизайн на HTML тагове.

Използването на маркер „a” като елемент от менюто понякога е много по-просто. Няма нужда да пишете допълнителен JavaScript код за навигация. Браузърът автоматично се пренасочва към правилния адрес.

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

Един от показателите на сайта все още е съотношението на връзките, които водят към него и връзките, които водят до него. Използването им за свързване на страниците на сайта със социалните мрежи се счита за добра практика.

Проектирането на социални мрежи под формата на меню е познато и ефективно използване на маркера „a href“.