HTML тег <base>

Тег <base> относительно недавно стал частью HTML5. В теге <base> указывается абсолютный (базовый) URL для всех относительных URL - адресов, содержащихся в HTML документе. Также он определяет, как должны открываться ссылки в текущем документе (в новом окне, в текущем окне и т.д.).

Синтаксис

Тег <base> одинарный, закрывающий тег не требуется. Однако в XHTML закрывать тег обязательно (</base>).

Тег должен располагаться внутри элемента <head>, и указать можно только один тег <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
-открывает ссылку в новом окне.
-открывает ссылку в текущем окне.
- открывает ссылку в родительском фрейме.
- открывает документ во всю ширину окна.

Поддержка браузера





Похожие статьи