<base>
- 25 января 2023
Тег <base>
задаёт базовый URL документа и цель для всех относительных URL. Это необязательный тег, но его рекомендуется включать в раздел <head>
HTML-документа, чтобы избежать потенциальных проблем с относительными URL.
Синтаксис тега <base>
<head>
<base href="base_url" target="_blank">
</head>
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег <base>
не считается семантическим, так как не придаёт никакого конкретного значения содержимому.
Примеры использования
Установка полного базового адреса текущего документа:
<head>
<base href="https://example.com/">
</head>
Установка цели для всех ссылок в документе, что приведёт к открытию связанных документов в новом окне:
<head>
<base target="_blank">
</head>
Для чего использовать тег <base>
- Задать базовый URL текущего документа.
- Определить цели для всех ссылок в документе.
- Открыть все ссылки документа в новом окне.
- Задать базовый URL для документа на разных языках.
- Задать базовый URL для документа, который отображается на другом домене.
Атрибуты тега <base>
href
— базовый URL для всех относительных URL в документе.
target
— указывает, где открывать связанный документ при нажатии на ссылку.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Для использования тега <base>
нет никаких ограничений.
Нюансы
- Если атрибут
href
не указан, относительные URL-адреса в документе могут определяться некорректно. - Если атрибут
target
не указан, ссылки могут открываться в неожиданных окнах или фреймах.
Поддержка браузерами
Тег поддерживается всеми современными браузерами. Актуальная информация — на сaniuse.
Альтернативные теги
Альтернативных тегов для тега <base>
не существует.
Чем заменить тег
Прямой замены тегу <base>
не существует.
Актуальность
Тег <base>
актуален, можете использовать его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023