Назначение тега base, примеры и правила использования

Назначение тега base, примеры и правила использования Последнее обновление: 23.01.2011 ...

Последнее обновление: 23.01.2011

Тег <base> (с англ. база, основа) указывает полный базовый адрес документа. Применяется для составления относительных адресов и для указания целевого окна всех ссылок страницы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<head>
<base
href=". . ."/>
</head>

Атрибуты

href задает базовый адрес документа
target имя окна или фрейма, куда будут открываться документы по ссылкам с текущей страницы.
Зарезервированные имена:

  • _blank — откроет документ в новом окне
  • _parent — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
  • _top — отменяет все фреймы и загружает страницу в полном окне браузера, если фремов нет, откроет в текущем окне
  • _self — откроет в текущем окне (по умолчанию)

Пример

Задаем базовый адрес для документа:

<head>
<base
href="http://mysite.com/"/>
</head>

...
<a href="test/">ссылка</a>
<img src="img.jpg" alt="" />

При такой записи адреса на сайте у ссылки и картинки будут такие: http://mysite.com/test.html
http://mysite.com/img.jpg

Открывать все ссылки в новом окне

<base target="_blank"/>

Рекомендации по использованию

  • должен быть закрыт (<base…/>)
  • должен находиться в секции <head> перед любым элементом, ссылающимся на внешний ресурс.
  • должен быть только один на странице
  • атрибут href является обязательным для XHTML 1.0 Strict, XHTML 1.1

Гиперссылки, ссылки на изображения, аплеты, программы обработки форм, таблицы стилей определяются в URI (Uniform Resource Identifiers). Относительные URI расширяются в соответствии с базовым URI, который может задаваться явным образом с помощью тега base.

Тег <base> рекомендуется использовать для уменьшения объема страниц, за счет того, что не нужно писать полные адреса в ссылках, изображениях, скриптах и объектах. Так же лучше страховать правильность адресов этим тегов на проектах с большой вложенностью папок.

По теме

Теги:

Смотрите также в этом разделе

Смежные материалы, которые могут быть вам полезны

  • HTML тег b | назначение, синтаксис, атрибуты, примеры
  • HTML тег <!—…—> — комментарии в HTML | назначение, синтаксис, атрибуты, примеры
  • HTML тег a | назначение, синтаксис, атрибуты, примеры
  • HTML тег abbr | назначение, синтаксис, атрибуты, примеры
  • HTML тег acronym | назначение, синтаксис, атрибуты, примеры
  • HTML тег address | назначение, синтаксис, атрибуты, примеры
  • HTML тег applet | назначение, синтаксис, атрибуты, примеры
  • HTML тег area | назначение, синтаксис, атрибуты, примеры
  • HTML тег basefont | назначение, синтаксис, атрибуты, примеры
  • HTML тег bgsound | назначение, синтаксис, атрибуты, примеры
  • HTML тег big | назначение, синтаксис, атрибуты, примеры
  • HTML тег blink | назначение, синтаксис, атрибуты, примеры
  • HTML тег blockquote | назначение, синтаксис, атрибуты, примеры
  • HTML тег body | назначение, синтаксис, атрибуты, примеры
  • HTML тег br | назначение, синтаксис, атрибуты, примеры
  • HTML тег button | назначение, синтаксис, атрибуты, примеры
  • HTML тег caption | назначение, синтаксис, атрибуты, примеры
  • HTML тег center | назначение, синтаксис, атрибуты, примеры
  • HTML тег cite | назначение, синтаксис, атрибуты, примеры
  • HTML тег code | назначение, синтаксис, атрибуты, примеры
  • HTML тег col | назначение, синтаксис, атрибуты, примеры
  • HTML тег colgroup | назначение, синтаксис, атрибуты, примеры
  • HTML тег comment | назначение, синтаксис, атрибуты, примеры
  • HTML тег dd | назначение, синтаксис, атрибуты, примеры
  • HTML тег del | назначение, синтаксис, параметры, примеры
  • HTML тег dfn | назначение, синтаксис, атрибуты, примеры
  • HTML тег dir | назначение, синтаксис, атрибуты, примеры
  • HTML тег div | назначение, синтаксис, атрибуты, примеры
  • HTML тег dl | назначение, синтаксис, атрибуты, примеры
  • HTML тег dt | назначение, синтаксис, атрибуты, примеры
  • HTML тег em | назначение, синтаксис, атрибуты, примеры
  • HTML тег fieldset | назначение, синтаксис, атрибуты, примеры
  • HTML тег font | назначение, синтаксис, атрибуты, примеры
  • HTML тег form | назначение, синтаксис, атрибуты, примеры
  • html тег frame | назначение, синтаксис, атрибуты, примеры
  • HTML тег frameset | назначение, синтаксис, атрибуты, примеры
  • HTML тег head | назначение, синтаксис, атрибуты, примеры
  • HTML тег hr | назначение, синтаксис, атрибуты, примеры
  • HTML тег html | назначение, синтаксис, атрибуты, примеры
  • HTML тег i | назначение, синтаксис, атрибуты, примеры
  • HTML тег iframe | назначение, синтаксис, атрибуты, примеры
  • HTML тег ilayer | назначение, синтаксис, атрибуты, примеры
  • HTML тег img | назначение, синтаксис, атрибуты, примеры
  • HTML тег input | назначение, синтаксис, атрибуты, примеры
  • HTML тег ins | назначение, синтаксис, атрибуты, примеры
  • HTML тег isindex | назначение, синтаксис, атрибуты, примеры
  • HTML тег kbd | назначение, синтаксис, атрибуты, примеры
  • HTML тег label | назначение, синтаксис, атрибуты, примеры
  • HTML тег layer | назначение, синтаксис, атрибуты, примеры
  • HTML тег legend | назначение, синтаксис, атрибуты, примеры
  • HTML тег li | назначение, синтаксис, атрибуты, примеры
  • HTML тег link | назначение, синтаксис, атрибуты, примеры
  • HTML тег listing | назначение, синтаксис, атрибуты, примеры
  • HTML тег map | назначение, синтаксис, атрибуты, примеры
  • HTML тег marquee | назначение, синтаксис, атрибуты, примеры
  • HTML тег meta | назначение, синтаксис, атрибуты, примеры
  • HTML тег multicol | назначение, синтаксис, атрибуты, примеры
  • HTML тег nobr | назначение, синтаксис, атрибуты, примеры
  • html тег noembed | назначение, синтаксис, атрибуты, примеры
  • HTML тег noframes | назначение, синтаксис, атрибуты, примеры
  • HTML тег noindex | назначение, синтаксис, атрибуты, примеры
  • HTML тег noscript | назначение, синтаксис, атрибуты, примеры
  • HTML тег object | назначение, синтаксис, атрибуты, примеры
  • HTML тег ol | назначение, синтаксис, атрибуты, примеры
  • HTML тег optgroup | назначение, синтаксис, атрибуты, примеры
  • HTML тег option | назначение, синтаксис, атрибуты, примеры
  • HTML тег p | назначение, синтаксис, атрибуты, примеры
  • HTML тег param | назначение, синтаксис, атрибуты, примеры
  • HTML тег plaintext | назначение, синтаксис, атрибуты, примеры
  • HTML тег pre | назначение, синтаксис, атрибуты, примеры
  • HTML тег q | назначение, синтаксис, атрибуты, примеры
  • HTML тег s | назначение, синтаксис, атрибуты, примеры
  • HTML тег samp | назначение, синтаксис, атрибуты, примеры
  • HTML тег script | назначение, синтаксис, атрибуты, примеры
  • HTML тег select | назначение, синтаксис, атрибуты, примеры
  • HTML тег small | назначение, синтаксис, атрибуты, примеры
  • HTML тег sound | назначение, синтаксис, атрибуты, примеры
  • HTML тег spacer | назначение, синтаксис, атрибуты, примеры
  • HTML тег span | назначение, синтаксис, атрибуты, примеры
  • HTML тег strike | назначение, синтаксис, атрибуты, примеры
  • HTML тег strong | назначение, синтаксис, атрибуты, примеры
  • HTML тег style | назначение, синтаксис, атрибуты, примеры
  • HTML тег sub | назначение, синтаксис, атрибуты, примеры
  • HTML тег sup | назначение, синтаксис, атрибуты, примеры
  • HTML тег table | назначение, синтаксис, атрибуты, примеры
  • HTML тег tbody | назначение, синтаксис, атрибуты, примеры
  • HTML тег td | назначение, синтаксис, атрибуты, примеры
  • HTML тег textarea | назначение, синтаксис, атрибуты, примеры
  • HTML тег tfoot | назначение, синтаксис, атрибуты, примеры
  • HTML тег th | назначение, синтаксис, атрибуты, примеры
  • HTML тег thead | назначение, синтаксис, атрибуты, примеры
  • HTML тег title | назначение, синтаксис, атрибуты, примеры
  • HTML тег tr | назначение, синтаксис, атрибуты, примеры
  • HTML тег tt | назначение, синтаксис, атрибуты, примеры
  • HTML тег u | назначение, синтаксис, атрибуты, примеры
  • HTML тег ul | назначение, синтаксис, атрибуты, примеры
  • HTML тег var | назначение, синтаксис, атрибуты, примеры
  • HTML тег wbr | назначение, синтаксис, атрибуты, примеры
  • HTML тег xmp | назначение, синтаксис, атрибуты, примеры
  • HTML теги заголовков (h1, h2, h3, h4, h5, h6) | назначение, синтаксис, атрибуты, примеры
  • О DOCTYPE | назначение, варианты, использование
  • Ошибка 404 — Страница не найдена
  • Ошибка 404 — Страница не найдена
  • Ошибка 404 — Страница не найдена
  • Ошибка 404 — Страница не найдена
  • Ошибка 404 — Страница не найдена
  • Тег source в HTML: Применение, особенности и кроссбраузерность