base в HTML


HTML тег

Элемент (от англ. «base» ‒ «базовый, основной») определяет базовый абсолютный URL для всех относительных URL-адресов, содержащихся в документе. Применяется для указания полного URL-адреса документа (даже если вы переместите страницу, браузер будет знать полный адрес и отобразит необходимые документы).

Второе применение элемента — задает как открывать ссылки во всем документе (в новом окне, в текущем окне, во фрейме и так далее).

Примечание: Элемент должен быть размещён внутри элемента и может быть использован только один раз в документе .

Синтаксис

Закрывающий тег

Атрибуты

Элемент поддерживает глобальные атрибуты и не поддерживает атрибуты событий.

Примечание: Если вы используете тег , то он должен содержать как минимум атрибут href или target . Допускается использовать оба атрибута вместе.

HTML тег base

Тег определяет базовые URL/target для всех относительных ссылок в документе.

Относительные ссылки документа (такие как или .

На странице допускается использование только одного элемента , который должен располагаться внутри элемента .

Определяйте элемент первым внутри элемента . Тогда его информацию можно будет использовать также и в других элементах секции .

Если тег определяется, то у него обязательно должен быть определен либо атрибут href, либо атрибут target, либо оба эти атрибута.

Разница между HTML 4.01 и HTML5

В HTML элемент — одиночный элемент без закрывающего тега. В XHTML тег должен закрываться должным образом, а именно — .

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

Общие атрибуты

HTML пример


Определяем URL и целевое окно по умолчанию для всех ссылок на странице:

Тег HTML — базовый адрес href и target

Тег используется для установки общего базового URL адреса для ссылок с относительными адресами, а также способа открытия (атрибут target ) для ссылок .

Тег располагают в head области HTML документа. Он влияет на все ссылки документа, в которых применена относительная адресация.

Например, если указать , то при вводе адреса файла картинки , браузер откроет картинку по адресу http://example.com/images/my_image.jpg не зависимо от расположения документа веб страницы на сервере. При этом любая ссылка будет открываться в новой вкладке или окне (так как в теге base указан target=»_blank» .

Синтаксис

Примеры использования в HTML коде

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

Тег
Да Да Да Да Да

Атрибуты

Базовый адрес для относительных URL адресов

_blank
_parent
_self
_top
имя фрейма

Способ открытия ссылки: _blank — в новой вкладке или окне; _parent — в родительском окне; _self — в текущем окне (используется по умолчанию); _top — на весь экран.

в HTML

Тег указывает базовый URL-адрес/целевой объект для всех относительных URL-адресов в документе.

Может быть максимум один в документе, и он должен находиться внутри элемента Элемент.

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

Атрибут Значения Описание
href
Элемент
Да Да Да Да Да

Советы и примечания


Примечание: Если в Тег присутствует, он должен иметь либо атрибут href или целевой атрибут, или оба.

Различия между HTML 4,01 и HTML5

Различия между HTML и XHTML

В HTML тег не имеет конечного тега.

В XHTML Тег должен быть правильно закрыт.

Атрибуты

Атрибут Значение Описание
href URL Указывает базовый URL-адрес для всех относительных URL-адресов на странице
target _blank
_parent
_self
_top
framename
Задает целевой объект по умолчанию для всех гиперссылок и форм на странице

Глобальные атрибуты и события

Атрибуты события

Нету. Тег не поддерживает атрибуты событий.

HTML тег

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

Синтаксис

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

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

Пример

Результат

В нашем примере в теге мы указали базовый URL — https://www.w3docs.com/. Страницу, URL которого указан как “/css3-maker/border-radius”, браузер будет искать по адресу «https://www.w3docs.com/».

Скопируйте вышеуказанный код в наш редактор, и вы увидите активную ссылку, которая при нажатии откроется в новом окне. Хотя сама ссылка не содержит атрибут target _blank , она откроется в новом окне, так как мы задали атрибут target _blank абсолютному URL в теге .


Атрибуты

Тег в обязательном порядке должен содержать один из атрибутов href или target . При необходимости можно использовать оба атрибута.

HTML :: Тег

Пустой элемент ‘base’ формируется одиночным тегом (от англ. baseбазовый). Он сообщает браузеру базовый адрес текущего документа, который указывается в атрибуте href , а также задает целевое окно для всех ссылок в документе при помощи атрибута target , который в качестве значения принимает одно из зарезервированных значений «_self | _blank | _parent | _top» или имя целевого окна или фрейма, которое устанавливается их атрибутом name . Если указать несуществующее имя окна или фрейма, то браузер откроет документ в новом окне. Значение «_self» установлено по умолчанию. Если использовать значение «_blank» , то браузер откроет документ в новом окне или фрейме; если «_parent» – в родительском фрейме, а в случае отсутствия такового, в текущем окне; если «_top» – в главном (текущем) окне, в котором находится данный фрейм, содержащий ссылку, а в случае отсутствия фреймов в окне, данное значение сработает, как «_self» . Давайте посмотрим на пример №1.

Пример №1. Использование элемента ‘base’

Таким образом, если в документе присутствует служебный тег и в нем прописан базовый адрес, то в пределах документа отпадает необходимость указывать в таких атрибутах, как href в гиперссылках или src в изображениях, полный адрес. Вместо этого используется относительная адресация, а за основу берется базовый адрес. При этом разрешается применять иерархическую систему пути с двумя точками ‘../’ . В нашем примере, относительная адресация формируется от корня сайта, т.е. папки belarusw . Поэтому, даже если мы перенесем страницу в другую папку или на другой сайт, все ссылки на ней останутся рабочими, т.к. благодаря элементу ‘base’ браузер будет формировать ссылки с учетом базового адреса, получая на выходе вместо относительных ссылок абсолютные. Например, если взять вторую гипперссылку в примере, то браузер перейдет не по относительной ссылке html/html_main.html , указанной в качестве значения атрибута href , а сперва сформирует абсолютный адрес. Для этого он возьмет базовый адрес http://localhost/ belarusw/ , указанный в атрибуте href элемента ‘base’ , затем добавит к нему относительный адрес html/ html_main.html , указанный в атрибуте href гиперссылки, составит абсолютный адрес http://localhost/ belarusw/ html/ html_main.html и уже по нему совершит переход.

Что касается атрибута target элемента ‘base’ , то он позволяет изменить поведение браузера по умолчанию, загружая целевой документ при переходе по гиперссылке не в исходном окне или фрейме, а, например, в новом. При этом собственный атрибут target конкретной гиперссылки имеет приоритет и переопределяет значение, установленное в элементе ‘base’ .

Тег должен использоваться только внутри элемента ‘head’ и желательно только один раз. Если в документе будет присутствовать более одного элемента ‘base’ , то будут использованы только первые значения атрибутов href и target . Все последующие значения, содержащиеся в других элементах ‘base’ , браузер проигнорирует.

Тег BASE

Браузер Internet Explorer Netтscape Опера Safari Mozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Элемент определен внутри контейнера и инструктирует браузер относительно полного базового адреса текущего объекта. Тег предназначен для файлов, в которых используется относительный адрес и эти файлы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег , определяет полный адрес объекта и корректно загружает его. Например, если адрес объекта указан как , то при добавлении рисунков дастаткова использовать относительный адрес . При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif , что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая web-страница. Также можно применять и иерархическую систему пути с двоеточием. Так, если изображение добавляется как , то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif .

Второе применение тега — задание целевого окна для всех ссылок на текущей странице.

Синтаксис

Параметры

Закрывающий тег

Пример 1. Использование тега

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Описание параметров тега

Параметр HREF


ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему файлу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.

Синтаксис

Аргументы

Полный абсолютный путь к файлу.

Значение по умолчанию

Путь к текущему файлу.

Пример 2. Путь к файлу

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

В данном примере полный путь к изображению будет http://www.www-html.ru/copyright/copyleft.gif.

Параметр TARGET

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Вы можете определить окно, в которое будет загружаться web-страница, открытая по ссылке. Для этого используется параметр target , в качестве его значения указывается имя окна или фрейма. Если параметр target не установлен, возвращаемый результат показывается в текущем окне.

Синтаксис

Аргументы

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

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


Если для тега установлен параметр target=»_blank «, можно сделать чтобы ссылка открывалась в текущем окне, если добавляем к тегу параметр target=»_self» .

Значение по умолчанию

Пример 3. Открытие ссылки в новом окне

ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Обратите внимание, что в данном примере используется переходный >. При использовании строгого пример не пройдет валидацию.

в HTML

Тег — элемент html, необходимый для задания базового адреса (URL) для ссылок. Это позволяет опускать начальную часть адреса в ссылках документа. Для использования этого элемента необходимо использовать следующую конструкцию:

Фрагмент адреса путь1 не является обязательным. При формировании полного адреса он будет отброшен. Так, если в тексте документа встретится относительная ссылка

Видимый текст ссылки ,

то она будет соответствовать URL

httр://компьютер/путь2/имя документа. htm

Второе применение тега — задание целевого окна для всех ссылок на текущей странице.

href . Адрес, который должен использоваться для указания полного пути к файлам.

target . Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.

Тег base

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

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

Атрибуты

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


Пример

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

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

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

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

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

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

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

Тег base

Описание тега BASE

Тег предназначен для указания полного базового адреса текущего документа. Применяется в документах, в которых используются относительные ссылки.

Тег всегда располагается в голове документа (тег ) до элементов, ссылающихся на внешние ресурсы.

В теле документа (тег ), уже нет необходимости указывать полный (абсолютный) адрес элемента, который мы хотим разместить на странице. Достаточно указать его относительный адрес.

Атрибуты тега BASE

Href – задает полный базовый адрес текущего документа.

Aбсолютный путь к файлу (подробнее здесь. )

Значение по умолчанию

Target – указывает в каком окне открывать страницу при переходе по ссылке.

— blank — страница открывается в новом окне
— self – страница открывается в текущем окне

Если не требуется загружать страницу в новом окне, атрибут target можно не включать.

Илон Маск рекомендует:  Что такое код imap_listmailbox
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL