Тег <base> относительно недавно стал частью HTML5. В теге <base> указывается абсолютный (базовый) URL для всех относительных URL - адресов, содержащихся в HTML документе. Также он определяет, как должны открываться ссылки в текущем документе (в новом окне, в текущем окне и т.д.).
Синтаксис
Тег <base> одинарный, закрывающий тег не требуется. Однако в XHTML закрывать тег обязательно (</base>).
Пример
<!DOCTYPE html>
<html>
<head>
<title>HTML тег base</title>
<base href="https://www.w3docs.com/" target="_blank">
</head>
<body>
<a href="/css3-maker/border-radius">Попробуйте инструмент CSS Maker</a>
</body>
</html>Результат
В нашем примере в теге <base> мы указали базовый URL - https://www.w3docs.com/. Страницу, URL которого указан как “/css3-maker/border-radius”, браузер будет искать по адресу "https://www.w3docs.com/".
Скопируйте вышеуказанный код в наш редактор, и вы увидите активную ссылку, которая при нажатии откроется в новом окне. Хотя сама ссылка не содержит атрибут target _blank, она откроется в новом окне, так как мы задали атрибут target _blank абсолютному URL в теге <base>.
Атрибуты
Тег <base> в обязательном порядке должен содержать один из атрибутов href или target. При необходимости можно использовать оба атрибута.
| <Атрибуты | Значение | Описание |
|---|---|---|
| href | URL | Указывает базовый URL для всех относительных URL-адресов на странице. Базовый адрес по умолчанию подставляется перед всеми относительными адресами на странице. |
| target | _blank _parent _self _top |
-открывает ссылку в новом окне. -открывает ссылку в текущем окне. - открывает ссылку в родительском фрейме. - открывает документ во всю ширину окна. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Практикуйте свои знания
