Як правільна прызначаць і выкарыстоўваць якар HTML?

Сённяшняй тэмай для абмеркавання будзе якар HTML. Дадзены элемент дазваляе вырабляць хуткія пераходы як унутры старонкі, так і ў знешнія дакументы. Якара даволі часта выкарыстоўваюцца вэб-распрацоўшчыкамі. Так як яны дапамагаюць арганізаваць зручны для чытачоў сайт. У артыкуле будзе дадзена падрабязнае апісанне гэтага элемента і прыклады эфектыўнага выкарыстання.

апісанне

Якар HTML - гэта свайго роду унікальная закладка вэб-старонкі. Ён заўсёды мае сваё індывідуальнае імя, якое не павінна паўтарацца на адной старонцы. Асноўнае прызначэнне якара - хуткі пераход з адной часткі дакумента да іншай, да пэўнага месцазнаходжанні. Асаблівую эфектыўнасць дадзены элемент прыносіць, калі вэб-старонка мае вялікія памеры. З-за гэтага карыстальнікам нязручна чытаць змесціва сайта. А якар на старонцы HTML дазваляе забяспечыць хуткі пераход.

прысваенне

Каб стварыць такую закладку на старонцы можна выкарыстоўваць два розных метаду. Першы складаецца ва ўжыванні атрыбуту Name, а ў другім выпадку неабходна ўжываць атрыбут ID. Далей мы разгледзім кожны метад паасобку. Пераход у абодвух выпадках адбываецца пры дапамозе тэга «a», атрыбут якога зьмяшчае назву ці ідэнтыфікатар. Напрыклад: «a href = http: // site / article / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. Знак # паведамляе браўзэру, што спасылка ўвядзе на якар.

Name

Атрыбут Name створаны спецыяльна для стварэння якара на старонцы. Яго значэннем можа стаць любы тэкст. Дадзены якар HTML можа выкарыстоўвацца толькі сумесна з цэтлікам «a».

Напрыклад вы хочаце стварыць закладку ў самым канцы вашай старонкі. Вам неабходна змясціць тэг «a name =" footer "» «/ a» у патрэбную вам частка вэб-дакумента. У іншай вобласці старонкі вам прыйдзецца стварыць спасылку на якар, для гэтага дадайце запіс «a href = http: // site / article / 106223 /% E2% 80% 9D # footer" »спасылка« / a ». Пры націску на гэты элемент браўзэр аўтаматычна перавядзе вас да той часткі дакумента, дзе стаіць закладка Footer.

ID

Для пачатку варта сказаць, што ID - гэта ідэнтыфікатар, які не мае прамога прызначэння для стварэння якароў. Але ён дазваляе ствараць закладкі на ўсёй вобласці дакумента без стварэння дадатковых спасылак. Гэта значыць, вы можа ўжыць атрыбут ID да любога элементу HTML. А затым з выкарыстаннем тэга «a» спаслацца на яго. Прывядзём прыклад: элемент «p» знаходзіцца ў сярэдзіне дакумента. Каб перайсці да яго з пачатку старонкі без выкарыстання палос пракруткі, дадамо атрыбут ID: «p id =" centr "» «/ p». Далей ствараем спасылку: «a href = http: // site / article / 106223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2Fa% C2% BB. Такім чынам, мы атрымліваем хуткі доступ да любой часткі дакумента. Значэннем атрыбуту ID можа быць адвольны тэкст.

эфектыўнае выкарыстанне

У HTML спасылка-якар вельмі часта ўжываецца для пабудовы навігацыі дакумента. Напрыклад, старонка мае вялікае колькасць тэкставай інфармацыі, якая ў сваю чаргу падзеленая на асобныя параграфы або кіраўніка. Каб наведвальнікам было зручна карыстацца сайтам, для хуткага пераходу да асобнай часткі дакумента неабходна прызначыць закладкі. Для гэтага ў кожнай чале ствараем спасылку-якар, альбо выкарыстоўваем ID ідэнтыфікатары. А зверху зробім навігацыйную панэль з утрыманнем ўсіх спасылак. Цікавы той факт, што на якары можна спасылацца з іншых вэб-старонак. Досыць дадаць у канец спасылкі значэнне атрыбутаў Name або ID. Не забывайце дадаваць знак #. Схема ў такім выпадку павінна выглядаць так: асноўная спасылка # name (id).

заключэнне

Якар HTML - гэта вельмі карысны і ў некаторых выпадках нават неабходны элемент. У артыкуле я прадставіў толькі адзін прыклад яго эфектыўнага выкарыстання. Але на самай справе такога роду закладкі можна ўжываць у шматлікіх сітуацыях. Галоўнае - зразумець іх асноўную ідэю.