Base href что значит
Base href что значит
Тег задает базовый адрес (URL) для гипертекстовых ссылок документа, заданных в относительной форме. Кроме того, позволяет способ открытия ссылок по умолчанию.
Разметка гипертекстовых ссылок обычно выполняется как разметка в частично заданных (относительных) адресах, когда URL задается относительно текущего местоположения документа. Например:
В этом случае в качестве базы по умолчанию выбирается каталог, в котором размещен HTML-документ.
Такой стиль разметки удобен тем, что при переносе всего дерева документов в другое место не потребуется менять систему гипертекстовых ссылок внутри документов. Кроме того, распространению этого стиля способствует и сама архитектура World Wide Web. Наиболее тесные связи между документами задаются только в рамках одного сайта. Связей данного сайта с остальными существенно меньше, и их можно прописать непосредственно в ссылках в абсолютных адресах.
Тег содержит обязательный атрибут href и может содержать необязательный атрибут target.
Атрибуты тега
Наиболее часто тег встречается на страницах сайтов, которые имеют «зеркала». Часть документов основного сайта по разным причинам на «зеркальный» сайт не переносится. В этом случае документ с принудительно заданным базовым URL всегда будет ссылаться на основной сервер. Он оказывается «белой вороной» среди прочих документов сайта. При этом такая схема часто используется в совокупности с запретом на кэширование данного документа как клиентом (браузером), так и proxy-серверами.
Существуют различия и при определении базового URL по умолчанию при обращении к страницам, которые различны по своей природе. Если для обычного файла базовым адресом по умолчанию является адрес каталога, где хранится данный файл, то для страниц, которые генерируются «на лету», возможны и другие базовые адреса по умолчанию. Например, для страниц, сгенерированных CGI-скриптом, адресом по умолчанию является URL данного скрипта. Если из такой страницы снова вызвать скрипт, как частично заданную ссылку, то имя скрипта будет передано в качестве параметра скрипту, который сгенерировал данную страницу.
Базовый адрес: http://htmlweb.ru/analiz/sitemap.php
Если скрипт вызовет сам себя по частично заданной ссылке, то он себя не найдет (sitemap.php?url=htmlweb.ru).
Возможность определения окна загрузки в теге позволяет не указывать атрибут target в теге ссылки :
Потребность в этом возникает при организации постоянно отображаемых меню. Такое меню может быть реализовано либо во фрейме, либо в окне. При этом информационные страницы Web-узла, которые загружаются при активизации гипертекстовых ссылок, будут загружаться в другое окно или фрейм.
Особенно полезен атрибут target на страницах с вызовом скриптов, если результат работы скрипта нужно загрузить в определенное окно (фрейм).
Синтаксис тега в общем виде выглядит следующим образом:
Применение тега в современных документах ограничено в силу разных причин. В сложных случаях можно пользоваться указаниями URL в полной форме, т.е. абсолютными адресами.
Как использовать HTML-тег
Преимущества тега
Преимущества использования тега :
Даже с учетом всех этих преимуществ base href base url используется не на многих страницах. Это связано с тем, что данный тег имеет несколько недостатков.
Потенциальные недостатки тега
Пример. Указание URL-адреса по умолчанию
Например, все изображения содержатся где-то в каталоге:
Его можно указать с помощью относительного пути:
При этом можно исключить весь путь для файлов изображений. Поэтому вместо того, чтобы указывать для галереи изображений следующее:
можно просто добавить приведенный ниже код:
В зависимости от количества файлов, которые вы используете, может существенно уменьшить объем страницы и сохранить разметку чистой.
Пример: Указание атрибута target по умолчанию
Используя приведенный выше код, можно исключить атрибут target из тегов ссылок. Вместо того чтобы писать для каждой ссылки, размещенной на странице, что-то вроде этого:
можно сделать следующим образом:
Что еще больше уменьшает общий объем веб-страницы. Конечно, это не огромная экономия, но при оптимизации производительности значение имеет каждый бит.
Исключение URL-адресов из значения по умолчанию
Без тега эти URL-адреса будут обрабатываться как есть. А теперь добавим через URL-адрес по умолчанию:
При этом предыдущие примеры URL-адресов меняются следующим образом:
Поддержка браузерами
Тег поддерживается основными браузерами:
Заключение
Несколько полезных заметок по base href :
Дайте знать, что вы думаете по этой теме материала в комментариях. Мы очень благодарим вас за ваши комментарии, подписки, отклики, лайки, дизлайки!
Дайте знать, что вы думаете по этой теме статьи в комментариях. За комментарии, лайки, отклики, подписки, дизлайки огромное вам спасибо!
Совет: меняем поведение относительных URL с помощью тега base
Основы
Пример 1: ярлык для зарузки ресурсов
Скажем, ваш сайт хранит изображения и CSS в директории под названием “assets”. Вы можете задать тег следующим образом:
Это позволит вам загружать изображения и CSS следующим образом:
Пример 2: внутренние ссылки со страницы
Что, если у вас есть домен верхнего уровня, с которого производится переадресация на http://thisrocks.com/app/, а все внутренние ссылки должны содержать сегмент app/?
Вы можете указать базовый URL следующим образом:
Таким образом, всякий раз, когда вам нужно было бы сослаться с одной внутренней страницы на другую, вы могли бы использовать:
Пример 3: цель ссылки по-умолчанию
С помощью также можно указать цель по-умолчанию для всех ссылок на странице. Если вы укажете:
Эта возможность вероятно будет полезна для содержимого, загружаемого из iframe, таким образом, что у вас будет возможность открывать все ссылки на странице в соответствующем iframe.
Недостатки
Если вы использовали базовый URL, чтобы упростить подключение ресурсов, а после решили использовать его для ссылок на внутренние страницы, у вас возникнут проблемы (например, с такой ссылкой: Страница ).
Это из-за того, что базовый URL теперь http://www.myepicsite.com/assets/, и ваши пользователи будут направлены на адрес http://www.myepicsite.com/assets/page.html.
В таком случае вам нужно будет переопределить базовый URL для этой ссылки, указав полный URL на страницу, то есть Страница
Якоря
При использовании вы можете столкнуться с проблемой ссылок на внутристраничные якоря.
Но если вы используете тег с заданным атрибутом href, то вы будете перенаправлены на базовый URL с добавленным к адресу сегментом #top, то есть http://thisrocks.com/app/#top.
Где уместен тег
Тег лучше всего использовать в случае, когда у вас есть полный контроль над всеми используемыми URL, то есть, если вы знаете, что у вас будет возможность переопределить умолчания так, как вам это нужно. Если вы разрабатываете шаблон для CMS, где есть много неизвестных переменных, то, вероятно, тегом лучше не пользоваться.
Но если вы разрабатываете статичный HTML сайт, то тег может быть очень полезен. И это еще более справедливо, если вы используете шаблонзатор вроде Jade или Handlebars, который позволит вам использовать вставки вроде Наверх, так что если вам потребуется переопределить умолчания, то это будет несложно.
Если вы точно знаете, каким будет содержимое вашего проекта, и все ссылки и URL под вашим полным контролем, то тег может сэкономить вам время.
Узнать больше о теге можно в вики W3C и в спецификации HTML5:
5 последних уроков рубрики «HTML и DHTML»
Лайфхак: наиполезнейшая функция var_export()
При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.
17 бесплатных шаблонов админок
Парочка бесплатных шаблонов панелей администрирования.
30 сайтов для скачки бесплатных шаблонов почтовых писем
Создание шаблона для письма не такое уж простое дело. Предлагаем вам подборку из 30 сайтов, где можно бесплатно скачать подобные шаблоны на любой вкус.
Как осуществить задержку при нажатии клавиши с помощью jQuery?
К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.
15 новых сайтов для скачивания бесплатных фото
Подборка из 15 новых сайтов, где можно скачать бесплатные фотографии для заполнения своих сайтов.
Совет: меняем поведение относительных URL с помощью тега base
Основы
Пример 1: ярлык для зарузки ресурсов
Скажем, ваш сайт хранит изображения и CSS в директории под названием “assets”. Вы можете задать тег следующим образом:
Это позволит вам загружать изображения и CSS следующим образом:
Пример 2: внутренние ссылки со страницы
Вы можете указать базовый URL следующим образом:
Таким образом, всякий раз, когда вам нужно было бы сослаться с одной внутренней страницы на другую, вы могли бы использовать:
Пример 3: цель ссылки по-умолчанию
С помощью также можно указать цель по-умолчанию для всех ссылок на странице. Если вы укажете:
Эта возможность вероятно будет полезна для содержимого, загружаемого из iframe, таким образом, что у вас будет возможность открывать все ссылки на странице в соответствующем iframe.
Недостатки
Если вы использовали базовый URL, чтобы упростить подключение ресурсов, а после решили использовать его для ссылок на внутренние страницы, у вас возникнут проблемы (например, с такой ссылкой: Страница ).
Якоря
При использовании вы можете столкнуться с проблемой ссылок на внутристраничные якоря.
Где уместен тег
Тег лучше всего использовать в случае, когда у вас есть полный контроль над всеми используемыми URL, то есть, если вы знаете, что у вас будет возможность переопределить умолчания так, как вам это нужно. Если вы разрабатываете шаблон для CMS, где есть много неизвестных переменных, то, вероятно, тегом лучше не пользоваться.
If you have a good idea what your project’s content will be, and its use of URLs and links is fully under your control, you might find the tag saves you a lot of time.
Если вы точно знаете, каким будет содержимое вашего проекта, и все ссылки и URL под вашим полным контролем, то тег может сэкономить вам время.