Задаване на основен URL на документ с HTML Елемент

Уебсайтовете са изградени с поредица от връзки, сочещи към страници и източници като изображения и стилове. Има два начина посочете URL адреса, който води към тези източници: или използвайте абсолютна пътека или относителна пътека.

Абсолютният път се отнася за конкретна дестинация, обикновено се започва с името на домейна (заедно с HTTP) www.domain.com/destination/source.jpg. Относителният път е обратното: дестинацията на връзката зависи от местоположението на корена или в повечето случаи от името на домейна на вашия сайт.

Типичен относителен път ще изглежда по-долу:

Ако например домейнът на уебсайта ви е, hongkiat.com пътят на изображението ще реши hongkiat.comimages_2 / уточняване-документ база-URL-с-HTML-база-element.png. Трябва да разберете това, ако сте разработвали уебсайт за известно време.

Но повечето от вас вероятно не са чували за елемент. Този HTML етикет е бил около HTML4, но все още се вижда много малко от неговото прилагане в природата. W3C описва този елемент като:

“Основният елемент позволява на авторите да посочат основния URL адрес на документа за целите на решаване на относителни URL адреси и името на контекста на браузъра по подразбиране за целите на следване на хипервръзки.”

Това елемента основно решава основния URL за относителния път в уеб страниците. Вместо да зависи от местоположението на домейна или домейна на уебсайта ви, можете да го посочите някъде другаде, може би като URL адреса, където се намират ресурсите ви в CDN (Network Delivery Network). Нека да видим как това всъщност работи.

Използване на базовия елемент

Най- се дефинира по протежение на страната и в рамките на . Като се има предвид следния пример, ние задаваме основния URL адрес на Google.

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

  Котвена връзка  

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

Всички относителни пътища в крайна сметка ще бъдат:

  Котвена връзка  

Задаване на целевата връзка по подразбиране

Освен определянето на основния URL адрес, може също да зададе целевата цел по подразбиране чрез мишена атрибут. Да кажем, че искате да се отвори цялата връзка в документа в новия раздел на браузъра, нагласи мишена с _blank, така.

Ограничения

Най- обаче има няколко предупреждения при някои обстоятелства:

Първо, поддръжката на браузъра е голяма; работи в IE6. Но IE6 смята, че изисква затварящ таг . Това може да доведе до издаване на йерархия в документа, ако затварящият маркер остане неуточнен. Един прост бърз начин за решаване на този проблем е чрез добавяне затваряне в коментар, .

Ако използвате # във връзка с за да се свържете с раздели в документа, е възможно да срещнете проблем в Internet Explorer 9. Вместо да преминете към споменатия раздел, Internet Explorer 9 ще презареди страницата.

Освен това, празно HREF ще доведе до основния URL адрес, вместо към връзката с текущата директория, където се намира страницата (това е поведението на браузъра по подразбиране), което може да доведе до неочаквани проблеми при реферирането.

Завийте

Най- е удобна функция за HTML, която може да опрости препращането към връзка в уеб документ. Използвайте етикета внимателно, за да минимизирате капаните. Следвайте тези по-долу за повече информация за етикет:

• Абсолютни и относителни URL адреси - MSDN
• HTML Base Element - W3C