HTML основи - Връзки и котви

• Април 29, 2024

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

На най-основното ниво маркерът за връзка изглежда така:



Всеки маркер, който започва с 'a', показва връзка, но има два основни вида връзки: хипервръзки и наречени котви. Хипервръзката е връзка, която свързва една уеб страница към друга уеб страница и ще изглежда така:

Линк текст тук

Информацията в маркера казва на вашия браузър, че това е хипервръзка (href), която се свързва към уеб страницата „page.html“. Текстът вътре в маркерите (Текст на линка тук) е частта от връзката, която посетителят всъщност вижда и може да кликне върху, за да премине към page.html. Ако свързвате към страница на вашия сайт от страница, разположена в същия сайт, можете да оставите информацията за домейна. Например, ако създавате връзка на страницата си, намираща се на адрес www.domain.com/home.html, и връзката, свързана към страницата на местоназначението www.domain.com/page.html, можете да напишете връзката като и да пропуснете информация за име на домейн Ако изоставите името на домейна, браузърът ще приеме, че целевата страница се намира на същия уебсайт като страницата за свързване.

Имената котва (често наричана просто 'котва') служи за различна цел. Както може би се досещате от името, котвата създава невидим флаг на страницата, който казва на браузъра ви къде да кацне, когато настроите връзка, която пуска посетителите в конкретна точка на страницата. Котвата изглежда така:



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

Посетете секцията за публикации

„#“ В линка казва на браузъра, че се свързвате с посочена котва. Ако искате да създадете хипервръзка, която да прескочи посетител в различен раздел на същата страница, ще изглежда нещо подобно:

Посетете секцията за публикации

Друга важна част от вашите хипервръзки е атрибутът „target“. Това казва на браузъра как да покаже целевата страница. Имате три основни опции: 'target = "_ blank",' 'target = "_ self",' и 'target = "_ top".'

Аргументът "_blank" ще отвори свързаната страница в нов прозорец. Това е особено полезно, когато се свързвате с външен сайт, тъй като посетителят може да прегледа новия сайт до съдържанието на сърцето им, без да губи местоположението си на вашия сайт. Най-добре е също така да отворите документи като PDF в нов прозорец, тъй като посетителите често автоматично затварят документа, когато приключат с него.

Аргументът "_self" кара свързаната страница да замени текущата страница в съществуващия прозорец на браузъра. Това е най-добре за връзки в рамките на вашия сайт; в противен случай посетителите, които правят много сърфиране през вашия сайт, ще се окажат с много отворени прозорци, което може да бъде изключително досадно! Това е аргументът по подразбиране за атрибута 'target', така че ако не посочите цел, връзките ви винаги ще използват съществуващия прозорец на браузъра.

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

Инструкции Видео: HTTP and HTML | Internet 101 | Computer Science | Khan Academy (Април 2024).