Придвижване чрез връзки "a href

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

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

Възможности

Маркерът "a href =" URL "ви позволява да пренасочите посетител към конкретен URL адрес в интернет. Можете да укажете заглавието = 'текст на подсказката' 'и след това, когато поставите курсора на мишката над етикета, ще се появи описание на връзката, зададено от разработчика. Можете да определите къде ще се отвори връзката: в текущия прозорец или в новия. Целевият атрибут може да има следните стойности:
  • _blank (отворете URL адреса в нов прозорец);
  • _self - (изтеглете URL адреса в текущия прозорец);
  • _parent - (изтеглете URL адреса в рамката-родител);
  • _top - (изтеглете URL адреса в пълния прозорец на браузъра).
  • Съдържанието на етикета може да бъде почти всяко. Обикновено тук се използва изображение или текст, въпреки че могат да се използват и други по-сложни HTML дизайни.
    В този пример има четири различни връзки. Първата точка сочи към конкретен URL в мрежата, а вторият - към позицията вътре в текущата страница. Третият стартира програма за електронна поща за изпращане на писмо до даден адрес, а последната - позволява на посетителя да изтегли * .pdf-файл на своя компютър.

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

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

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

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

    Характеристики на заявлението

    Връзката не може да бъде инвестирана. Всъщност е ясно, че връзката към връзката е глупост. Тагът «href HTML не позволява да се използва като съдържание друго.
    Връзката може да бъде декорирана със стил. Можете да приложите клас или CSS идентификатор. Вътре в етикета можете директно да използвате атрибута на стила, както е показано в примера. Връзката има важни функции, които я отличават от другите маркери. Тя еможе да се види или кликне и може да е в активно състояние. За да направите това, CSS осигурява използването за описване на "href и псевдокласи :: връзка,: посетени,: активни.
    Използването на псевдокласи ви позволява да промените дизайна на връзката в различни ситуации (щракване, движение на мишката, други събития). Можете да зададете на него JavaScript handler. Например, трябва да преброявате броя на кликванията върху връзката, броя на изтеглените файлове и т.н. В този случай разработчикът посочва страниците без да посочва „http: //“ и манипулира наклонените черти, за да се движат по папките на сайта, които съдържат желаните от вас страници.
    Например "/page name" означава преход към страница, която е извън текущата папка, но "името на папката /името на страницата" указва страницата в текущата папка. Естествено, имената и за двете трябва да бъдат посочени на латински. За съжаление, използването на кирилица далеч не е оправдано и безопасно за външни имена.
    В този пример, връзката "1" показва как можете да се движите около елементи вътре в сайта. В този случай това е магазин, а за навигация на продуктите се използват връзки. Страницата се генерира на сървъра, браузърът я получава със стоките, които присъстват в момента в магазина.

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

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

    Можете да използвате не само "href http или mailto:" но и "файл: //, ftp: //, news:, telnet: //,". Тези опции са по-рядко срещани. Обикновено са необходими връзки за навигация, за изтегляне на файлове и изпращане на писмо до посетителя на сайта на определен адрес. Въпреки че последният аспект не е най-доброто решение. Спамерите често сканират съдържанието на страниците на сайта в търсенето на имейл адреси. По тази проста причина, посочването на адреса е силно нежелателно. По-актуалната опция е формата за изпращане на съобщение, което посетителят попълва.

    Меню Връзки

    Как да направите връзка от елемента на менюто, посочен от разработчика. Напоследък списъците "li" се използват за организиране на менюто. Това се смята за добър тон заради SEO промоцията. Вътре в този маркер можете да използвате не само div или span, за да създадете елемент от менюто, но и всеки друг дизайн на HTML таг.
    Използвайки като елемент от менюто, тагът "а" понякога е много по-лесен. Не е нужно да пишете тук допълнителен javascript, за да се движите. Браузърът автоматично се пренасочва към правилния адрес. Дори ако, евентуално, менюто на сайта ще се формира с помощта на определена структура от списък с блокове или етикети, нищо не пречи на разработчика да започне работа или за целите на бързо тестваненавигирате страници, които се разработват. Един от показателите на сайта, както и преди, е съотношението на връзките, които водят към него и връзките, които водят до него. Използването им за свързване на страници на сайт със социални мрежи се счита за добра практика. Дизайнът на социалните мрежи под формата на меню - обичайното и ефективно използване на етикета «a href».

    Свързани публикации