HTML таг за връзка A и неговите атрибути rel, target, name

връзка

Радвам се да ви приветствам в блога на Checho.ru! В днешната статия ще започнем да говорим за езика за маркиране на хипертекстhtml. Тази публикация ще бъде първата по рода си (и далеч не последната), тъй като никога досега не съм писал нещо подобно.

  1. Link tag A - създаване на хипервръзка в html документ с и без anchor
  2. Отваряне на връзката в нов прозорец. атрибут target_blank
  3. rel nofollow атрибут и noindex таг. Затворете връзката от индексиране
  4. Anchor връзка и как да я направите. Атрибут име

Но сега, когато придобих необходимите знания и ги изпробвах на практика, ще се радвам да ги споделя с моите читатели. В края на краищата, не без причина толкова много усилия и време бяха изразходвани в началния етап, например, за да знаетекак да вмъкнете връзка вhtml. Естествено, след като прочетете публикацията ми, вие също ще знаете това и ще можете да го направите.

Като цяло си струва да се отбележи, четаговете за връзки са просто необходими в работата на оптимизаторите, тъй като техният хляб е само оптимизация за търсачки и промоция на уебсайтове и, разбира се, SEO гурутата най-вероятно не могат без връзки, да не говорим за обикновените блогъри :).

Може би тагът за връзкаhtmlA е един от най-използваните от мен, заедно с тага img, който е необходим за показване на изображения в текст. Средно във всяка статия, която публикувам, има около пет връзки, както към вътрешни страници, така и към външни.

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

Link tag A - създаване на хипервръзка в html документ с и без anchor

Въпреки това, за да посочите пътя към хипервръзка, трябва да използватеатрибутаhref. Благодарение на него можете и трябва да посочите URL адреса на страницата, към която искате да се свържете. Това могат да бъдат както вътрешни страници на вашия сайт, така и страници на всеки друг ресурс в световната мрежа.

Тоест, текстът на хипервръзката не използва символи, така че ще бъде видим в интернет браузъра за потребителите, като http://checho.ru.

Отваряне на връзката в нов прозорец. атрибут target_blank

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

Както може би сте забелязали, няма голяма разлика къде ще бъде поставен необходимият атрибут, тъй като техният ред няма значение в html таговете.

rel nofollow атрибут и noindex таг. Затворете връзката от индексиране

[yandexd] Нека започнем да работим с атрибута rel link в html документа. Този атрибут с параметъра nofollow служи, за да не прехвърля тежестта на вашата страница към никоя друга.

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

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

Естествено,атрибутътrel nofollow не трябва да се използва, когато правите връзки към вътрешни страницина вашия сайт, тъй като компетентното вътрешно свързване е ключът към успешната оптимизация на ресурса и неговото по-нататъшно развитие.

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

Например, ако искате дазатворите връзката с тагnoindex, тоест така, че "паяците" на търсачките да не я индексират, просто трябва да посочите noindex тага непосредствено преди връзката в html и да я затворите. Ето как изглежда:

Anchor връзка и как да я направите. Атрибут име

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

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

Котвата на връзката вhtml изглежда така:

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

По принцип кодът на html връзката не се е променил много. Едва след като посочите URL адреса на страницата, към която искате да препратите, трябва да поставите знака "#" (хаш символ) и да посочите името на котвата.

Успех на всички, Вячеслав Чечотенко беше с вас!

Видео епилог: художникът рисува картини върху стъкло много бързо