Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

Элемент base в html 5

Главная » Справочники » Справочник HTML5 » Элемент base в html 5
Элемент base в HTML5 указывает базовый урл HTML-документа
Элемент base в html5 на сайте RaMech.net base

Описание элемента base в HTML5

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

С помощью элемента base можно также установить фрейм, в котором по умолчанию будут открываться файлы, активизируемые при помощи ссылок в документе. Тег base должен располагаться в области head. Закрывающий тег не ставится.

В документе разрешается иметь только один элемент base.

Рассмотрим 2 примера:

<!DOCTYPE html>
<html>
<head>
	<base href="http://ramech.net/public/">
</head>
<body>
	Image 1: <img src="base-sample1.png"><br>
	Image 2: <img src="http://ramech.net/public/html5/base-sample1.png"><br>
</body>
</html>
Правильное отображение элемента base, в Chrome Отображение элемента base в вашем браузере
Правильное отображение элемента base, в Chrome
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	Image 1: <img src="base-sample1.png"><br>
	Image 2: <img src="http://ramech.net/public/html5/base-sample1.png"><br>
</body>
</html>
Правильное отображение элемента base, в Chrome Отображение элемента base в вашем браузере
Правильное отображение элемента base, в Chrome

Обратите внимание, что мы указали только относительный адрес для первого изображения. Как видите, в первом случае, установка элемента base позволяет изменить URL первого изображения с base-sample1.png на http://ramech.net/public/html5/base-sample1.png.

Отличие элемента base HTML4.1 от HTML5

Элемент base сохранился без изменений

Атрибуты элемента base в HTML5

Атрибут base Описание атрибута элемента base
href

Атрибут href для элемента base указывает определяет базовый адрес (URL) текущего документа. В атрибуте href указывается полный абсолютный путь к документу.

target

Атрибут target для элемента base указывает в каком окне/фрейме должны открываться ссылки, у которых отсутствует атрибут target.

В качестве значения атрибута target используется имя окна или фрейма.

Атрибут target может быть переопределен с помощью атрибута target в каждой ссылке:

<!DOCTYPE html>
<html>
<head>
	<base target="_top">
</head>
<body>
	<a href="" target="_blank">В новом окне, пожалуйста</a>
</body>
</html>

Возможные значения:

_blank

Значние _blank указывает открывать ссылки в новом окне/вкладке.

<head>					
	<base target="_top">
</head>
_top

Значние _top отменяет все фреймы и указывает загружать страницу в полном окне браузера. Если фреймов нет, то этот параметр работает как _self.

<head>					
	<base target="_top">
</head>
_self

Значние _self (по умолчанию) указывает открывать ссылки в текущем фрейме.

<head>					
	<base target="_self">
</head>
_parent

Значние _parent указывает загружать страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.

<head>					
	<base target="_parent">
</head>
имя фрейма

Если установлено несуществующее имя, то будет открыто новое окно.

<head>					
	<base target="имя_окна">
</head>