Атрибут href в HTML <base>

Тег HTML <base>

Определение и использование

href Атрибут устанавливает базовый URL для всех относительных URL на странице.

Объяснение

Элемент base может быть использован для установки базового URL, на котором основываются относительные ссылки в HTML-документе.

Относительные ссылки опускают часть URL с протоколом, хостом и портом, и их полный формат можно определить на основе другого URL (будь то URL в base или URL текущего документа).

href Атрибут указывает на базовый URL, который используется для интерпретации относительных URL в дальнейшей части документа.

Пример

Пример 1

Установите базовый URL для всех относительных URL на странице:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>Атрибут base href</h1>
<img src="flower.png" width="60" height="60" alt="tulip">
</body>
</html>

Попробуйте сами

Объяснение примера

В этом примере базовый URL установлен как https://www.codew3c.com/i/photo/. Доменом хоста является www.codew3c.com, а /i/photo/ - это каталог на сервере, содержащий фотографии.

В конце документа есть элемент img для изображения, который использует относительный URL flower.png. При загрузке изображения браузер объединяет базовый URL и относительный URL в полный URL:

https://www.codew3c.com/i/photo/flower.png

Пример 2

Установите базовый URL для всех относительных URL на странице:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>Атрибут base href</h1>
<a href="html_basic.asp">Основы HTML</a>
</body>
</html>

Попробуйте сами

Объяснение примера

В этом примере базовый URL установлен как https://www.codew3c.com/html/. Доменом хоста является www.codew3c.com, а /html/ - это каталог на сервере, содержащий фотографии.

В конце документа есть элемент a для создания ссылки, который использует относительный URL html_basic.asp. Когда пользователь нажимает на эту гиперссылку, браузер объединяет базовый URL и относительный URL в полный URL:

https://www.codew3c.com/html/html_basic.asp

Совет

Если не использовать элемент base или не установить базовый URL с помощью атрибута href, браузер будет считать URL текущего документа базовым для всех относительных URL.

Например, предположим, что браузер загружает документ по URL https://www.codew3c.com/js/index.asp, в котором есть гиперссылка, использующая относительный URL html_basic.asp. При нажатии на эту гиперссылку браузер будет пытаться загрузить второй документ по абсолютному URL https://www.codew3c.com/js/html_basic.asp.

Грамматика

<base href="URL">

Значение属性的

Значение Описание
URL Абсолютный URL в качестве базового URL для ссылки (например, «http://www.example.com/»).

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Тег HTML <base>