<base> - базовий URL HTML тег
Тег <base> визначає базову URL-адресу для використання у всіх відносних URL-адресах у документі. В одному документі може бути лише один елемент <base>.
Елемент <base> є ключовим для керування відносними посиланнями на сторінці. Він дозволяє визначити основний шлях, від якого будуть будуватися всі інші відносні URL, такі як посилання в тегах <a>, зображення в <img> або скрипти в <script>.
Цей елемент повинен знаходитись всередині тегу <head> і може бути лише один на всю сторінку.
Якщо вказано декілька елементів <base>, буде використовуватись лише перший з атрибутами href та/або target.
Синтаксис
<base href="URL" target="_blank | _self | _parent | _top">Атрибути
Цей тег може мати глобальні атрибути.
hrefБазова URL-адреса, яка буде використовуватись для всіх відносних посилань у документі. Якщо вказано, цей атрибут є обов’язковим. Якщо URL-адреса, вказана в цьому атрибуті, є відносною, вона розглядається відносно URL-адреси поточної сторінки.
targetВизначає, де відкривати посилання за замовчуванням. Це ключове слово застосовується до тегів
<a>та<form>, які не мають явного атрибутаtarget._self: Завантажує результат у поточний контекст перегляду (за замовчуванням)._blank: Завантажує результат у нову вкладку або вікно._parent: Завантажує результат у батьківський контекст поточного. Якщо батьківського контексту немає, поводиться як_self._top: Завантажує результат у контекст перегляду верхнього рівня. Якщо предків немає, поводиться як_self.
Технічне резюме
| Категорія контенту | |
|---|---|
| Дозволений вміст | Немає, це пустий елемент. |
| Пропуск тегів | Повинен мати початковий тег і не повинен мати кінцевого тегу. |
| Дозволені батьківські елементи | Будь-який |
| DOM інтерфейс | HTMLBaseElement |
Приклади використання
<head>
<base href="https://www.example.com/assets/">
</head>
<body>
<p>
Відвідайте нашу <a href="docs/index.html">документацію</a>.
<img src="images/logo.png" alt="Логотип">
</p>
</body><head>
<base target="_blank">
</head>
<body>
<p>
Це посилання на <a href="https://www.google.com">Google</a> відкриється в новій вкладці.
</p>
</body>Підтримка браузерів
<base> | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
href | |||||||||||||
target |