Атрибутът HTML a href, обяснен с примери

В атрибута се отнася до дестинация, предоставена от връзка. Най- a(котва) маркер е мъртъв, без да е атрибут.

Как да използвам маркера

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

В hrefатрибут може да се използва за връзка към локални файлове или файлове в интернет.

Например:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

В атрибута се поддържа от всички браузъри.

Още HTML атрибути:

hreflang : Указва езика на свързания ресурс.

target : Указва контекста, в който ще се отвори свързаният ресурс.

title : Определя заглавието на връзка, която се показва на потребителя като подсказка.

Примери

This is a dead link This is a live link to freeCodeCamp more with a href attribute

Котчета в страницата

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

Всяко описание между таговете не е задължително. След това можете да поставите линк, водещ до тази котва, на всяко място на същата страница. За целта трябва да използвате таг с необходимия атрибут „href“ със символ # (остър) и описание на ключовата дума на котвата, като това:

Go to Top

Връзки с изображения

В може да се приложи и изображения и други HTML елементи.

Пример

Още няколко примера за href

This gives a base url for all further urls on the page This is a live link to an external stylesheet

С какво друго можете да правите?

Повече персонализиране! Нека да видим конкретен случай на употреба:

Връзката на пощенското съобщение е вид хипервръзка ( ) със специални параметри, която ви позволява да посочите допълнителни получатели, тема и / или основен текст.

Основният синтаксис с получател е:

Some text

Добавяне на тема към тази поща:

Ако искате да добавите конкретна тема към тази поща, внимавайте да добавите %20или +навсякъде има място в темата. Лесен начин да се уверите, че е правилно форматиран, е да използвате декодер / кодиращ URL адрес.

Добавяне на основния текст:

По същия начин можете да добавите конкретно съобщение в основната част на имейла: Отново интервалите трябва да бъдат заменени с %20или +. След параметъра на обекта, всеки допълнителен параметър трябва да бъде предшестван от&

Пример: Кажете, че искате потребителите да изпращат имейл до приятелите си относно техния напредък в Free Code Camp:

Адрес: празен

Тема: Страхотна новина

Body: Ставам разработчик

Вашата html връзка сега:

Send mail!

Тук оставихме mailto празно (mailto :?). Това ще отвори имейл клиента на потребителя и потребителят сам ще добави адреса на получателя.

Добавяне на повече получатели:

По същия начин можете да добавяте параметри CC и bcc. Разделете всеки адрес със запетая!

Допълнителните параметри трябва да бъдат предшествани от &.

Send mail!

Повече информация:

MDN - имейл връзки