Разбираясь в тонкостях верстки, легко упустить из виду такой полезный инструмент, как тег base. На первый взгляд он кажется незаметным, но на деле играет ключевую роль: определяет базовый URL для всех относительных ссылок или задает правило, в каком именно окне должны открываться все переходы на странице. Это своего рода «компас» для браузера, который помогает избежать путаницы с адресами. Здесь важно соблюдать строгую дисциплину: элемент base обязан находиться внутри тега <head> и быть первым среди его содержимого. Почему? Потому что все последующие элементы будут опираться на информацию из него, и любое смещение может привести к непредсказуемым результатам. Еще одно негласное правило, которое стоит запомнить навсегда: в документе может присутствовать только один элемент base. Дублировать его нельзя - это вызовет ошибки и запутает браузер. Атрибуты - href:
- Этот атрибут задает «корневой» адрес. Базовый URL, указанный здесь, будет автоматически подставляться перед всеми относительными путями на странице. Это отличный способ сэкономить место в коде и сделать его чище.
- target:
- Определяет поведение ссылок по умолчанию - где именно они будут открываться:
- _blank - документ открывается в новом окне или новой вкладке (удобно для внешних ресурсов).
- _parent - переход происходит в родительском фрейме.
- _self - страница загружается там же, где находится текущая ссылка (это значение используется по умолчанию).
- _top - документ открывается во всю ширину окна браузера.
Пример head !--Если адрес документа указан как ниже, например-- base href="httр://www.mysite.com/images/" /head body !--то достаточно использовать относительный URL-адрес -- img src="sticker.jpg" alt="Мой рисунок" width="39" height="39" !--Вместо src="httр://www.mysite.com/images/sticker.jpg" -- /body
|