Тег base в html: Тег | htmlbook.ru - Блог сумасшедшего сисадмина

Содержание

Тег | htmlbook.ru

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
1.0+	1.0+	1.0+	1.0+	1.0+	1.0+	1.0+

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

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

Синтаксис

HTML	`<head> <base ...> </head>`
XHTML	`<head> <base ... /> </head>`

Атрибуты

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

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

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег BASE</title>
  <base target="_blank"> 
 </head>  
 <body> 
  <p><a href="1.html">Ссылка</a></p>
 </body>
</html>

HTML тег base

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

Относительные ссылки документа (такие как <a href=’someplace.html’… или <img src=’someimage.jpg’…) будут относительными к URL, определенном в теге <base>.

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

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

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

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

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

Атрибуты тега <base>

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

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

Тег <base> поддерживает общие атрибуты.

HTML пример использования

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


<head>
   <title>Сорта перца</title>
   <base href="http://www.somedomain.com/directory/" />
</head>

<body>
   <a href='someplace.html'>Это ссылка</a>
   <p>На самом деле ссылка будет указывать на адрес http://www.somedomain.com/directory/someplace.html.</p>
   <img src='someimage.jpg' alt="Some image" />
   <p>Местоположение изображения на самом деле будет http://www.somedomain.com/directory/someimage.jpg.</p>
</body>

Тег | HTML справочник

HTML теги

Значение и применение

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

Второе применение — задает как открывать ссылки во всем документе (в новом окне, в текущем окне, во фрейме и так далее). Элемент <base> должен быть размещён внутри элемента <head> и может быть использован только один раз в документе .

Обращаю Ваше внимание, что если вы используете тег <base>, то он должен содержать как минимум атрибут href или target. Допускается использовать оба атрибута вместе. В HTML тег <base> не имеет закрывающего тега, для XHTML он требуется.

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

Атрибуты

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

Пример использования

<!DOCTYPE html>
<html>
	<head>
	<!--  Задаем базовый абсолютный URL и определяем, что все ссылки в документе будут открываться в новом окне-->
		<base href="www.kakoitosait.com/cold_images/" target = "_blank"> 
		<title> Название документа </title>
	</head>
	<body>
	<!--  Благодаря <base> указываем не /images/coldgirl.png, а на один уровень меньше-->	
		<img src = "coldgirl.png" alt = "coldgirl">
		<a href = "www.kakoitosait.com">Ссылка</a> <!-- Ссылка откроется в новом окне -->
	</body>
</html>

Отличия HTML 4.01 от HTML 5

Нет.

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

Нет.

Поддержка глобальных атрибутов

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

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

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

HTML теги

| HTML | WebReference

Элемент <base> (от англ. base — база, основание) указывается внутри <head> и инструктирует браузер относительно полного базового адреса текущего документа. <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет элемент <base>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href=»http://www.megasite.ru/hzchd/»>, то при добавлении рисунков достаточно использовать относительный адрес <img src=»images/labuda.gif»>. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src=»../images/labuda.gif»>, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.

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

Синтаксис

<head>
  <base атрибуты>
</head>

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

Атрибуты

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

Пример

В данном примере все ссылки будут открываться в новой вкладке.

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>base</title> <base target=»_blank»> </head> <body> <p><a href=»page/1.html»>Чебурашка</a></p> <p><a href=»page/2.html»>Крокодил Гена</a></p> </body> </html>

Примечание

Если на странице встречается несколько элементов <base>, то берётся значение атрибутов только у первого элемента, остальные игнорируются.

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

— Веб-технологии для разработчиков
HTML элемент <base> определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе.
Основной адрес (URL) документа можно запросить скриптом используя document.baseURI.

Категории элемента Метаданные (Metadata)
Отображение на странице Не отображается, это empty element.
Открывающий, закрывающий теги Без закрывающего тега.
Содержится в <head>, <body>.
Использование в ARIA roles Нет
Интерфейс DOM HTMLBaseElement
Атрибуты <base>
К элементу <base> можно применять глобальные атрибуты.
href
Базовый адрес (URL) для указания полного пути (основной, главный адрес). Если указан данный атрибут, значит этот элемент должен находиться до других элементов с атрибутами URLs. Разрешены абсолютные (внешние) и относительные (внутренние) адреса (URLs).

target
Значение атрибута определяет имя контекста, которое применяется для ссылок (<a>) и форм (<form>) Они нужны для отображения контекста (пример: вкладка, окно или встроенный фрейм). Следующие ключевые слова имеют специальные значения:
_self: загружает результат в текущем окне или вкладке. Если атрибут не указан, является знаение по умолчнию.
_blank: загружает результат в новом окне или бланке.
_parent: загружает данные в родительском окне. Если значение _ parent не указано, используется значение _self.
_top: загружает данные в контексте верхнего уровня (то есть, отображает полученный контекст без обратного перехода, если не имеет родительского значения). Если нет родительских данных используется как _self.
Примечание: если указано несколько элементов <base> , будут использованы только первые href и target; все последующие значения проигнорируются.
Примеры
<base href="http://www.example.com/page.html"> <base target="_blank" href="http://www.example.com/page.html">

Спецификация
Совместимость с браузерами
Браузер Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Да) 1.0 (1.7 или ранее) [1] (Да) [2] (Да) (Да)

Браузер Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддердка (Да) 1.0 (1.0) [1] (Да) (Да) (Да)
[1] Поддержка относительных адресов (URIs href) была добавлена в Gecko 2.0 (Firefox 4.0)
[2] До Internet Explorer 7, нахождение <base> могло быть в любом месте документа. Поддержка относительных адресов (URLs) была удалена в Internet Explorer 8.
Тег | HTML справочник
Поддержка браузерами
Описание
HTML тег <base> определяет начальную часть URL-адреса, которая будет подставлена перед всеми относительными адресами на странице. Также он позволяет указать то, как должны открываться все ссылки на текущей странице.
Элемент <base> обязательно должен иметь хотя бы один из атрибутов.
Элемент <base> должен располагаться внутри элемента <head> и он должен быть единственным в документе.
Атрибуты

href:

Определяет базовый URL для всех относительных URL-адресов на странице. Базовый адрес будет подставлен перед всеми относительными адресами на странице. Пример »

target:

Указывает, в каком окне, по умолчанию, должны открываться ссылки на странице:

_blank — открывает документ в новом окне или вкладке.

_parent — открывает документ в родительском фрейме.

_self — открывает документ в той же директории, где располагается ссылка (значение по умолчанию).

_top — открывает документ во всю ширину окна.

Пример »

Стиль по умолчанию
Нет.
Пример
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Название веб-страницы</title>  <base href="httр://example.ru/directory/"> </head> <body>  <img src="images/someImg.png">  </body> </html>
Результат данного примера в окне браузера:

| Справочник HTML
Элемент <base> (от англ. «base» ‒ «базовый, основной») определяет базовый абсолютный URL для всех относительных URL-адресов, содержащихся в документе. Применяется для указания полного URL-адреса документа (даже если вы переместите страницу, браузер будет знать полный адрес и отобразит необходимые документы).
Второе применение элемента <base> — задает как открывать ссылки во всем документе (в новом окне, в текущем окне, во фрейме и так далее).
Примечание: Элемент <base> должен быть размещён внутри элемента <head> и может быть использован только один раз в документе .
Синтаксис
<head> <base href="..."> </head>
Закрывающий тег
Не требуется.
Атрибуты
href
Адрес, который должен использоваться для указания полного пути к файлам.
target
Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.
Элемент <base> поддерживает глобальные атрибуты и не поддерживает атрибуты событий.
Примечание: Если вы используете тег <base>, то он должен содержать как минимум атрибут href или target. Допускается использовать оба атрибута вместе.
Стилизация по умолчанию
Нет.
Различия между HTML 4.01 и HTML5
Нет.
Пример использования:
Элемент <base>
Спецификации
Поддержка браузерами

Элемент

<base> 2+ 1+ 2+ 1+ 1+ 1+

Элемент

<base> 1+ 1+ 6+ 1+

HTML базовый тег

Пример
Укажите URL-адрес по умолчанию и цель по умолчанию для всех ссылок на странице:

Базовый тег HTML

Попробуй сам »
Определение и использование
Тэг определяет базовый URL и / или цель для всех относительных URL-адресов в документе.
Метка должна иметь либо href или целевой атрибут, или оба.
В документе может быть только один элемент , и он должен быть внутри элемента.
Поддержка браузера
Элемент
<база> да да да да да
атрибутов
.
Атрибут Значение Описание
HREF URL Указывает базовый URL для всех относительных URL на странице
цель _blank
_parent
_self
_top Указывает цель по умолчанию для всех гиперссылок и форм на странице
Глобальные атрибуты и события
Тег также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег не поддерживает никаких атрибутов событий.
Связанные страницы
HTML DOM ссылка: Базовый объект
Настройки CSS по умолчанию
Нет.
, HTML 5 Tag Тег HTML используется для указания базового URI или URL-адреса для относительных ссылок. Например, вы можете установить базовый URL один раз в верхней части своей страницы, тогда все последующие относительные ссылки будут использовать этот URL в качестве отправной точки. <Голова> Заголовок страницы </ title><base href = "https: // www.quackit.com/javascript/ "target =" _ blank "> </ HEAD> <Тело><p> Подробнее о <a href="javascript_arrays.cfm"> массивах JavaScript </a> </ p> </ Body> </ Html><p> <i/> Попробуй</p><p> Ссылка выше фактически разрешит до <samp> https: // www.quackit.com/javascript/javascript_arrays.cfm </samp> независимо от URL текущей страницы. Это связано с тем, что к базовому URL (<samp> https://www.quackit.com/javascript/ </samp>) добавляется (относительный) URL, указанный в ссылке (<samp> javascript_arrays.cfm </samp>)</p><p> Тег <code><base> </code> должен находиться между тегами <code><head> </code> документа. Кроме того, в документе должно быть не более одного базового элемента.</p><h3><span class="ez-toc-section" id="i-47"> Атрибуты </span></h3><p> HTML-теги могут содержать один или несколько атрибутов.Атрибуты добавляются в тег, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), а значение заключено в двойные кавычки. Вот пример, <code> style = "color: black;" </code></p><p> Существует три вида атрибутов, которые вы можете добавить к своим HTML-тегам: атрибуты содержимого, относящиеся к элементам, глобальные и обработчики событий.</p><p> Атрибуты, которые вы можете добавить к этому тегу, перечислены ниже.</p><h4><span class="ez-toc-section" id="i-48"> Элемент-специфичные атрибуты </span></h4><p> В следующей таблице приведены атрибуты, характерные для этого тега / элемента.</p><table cellspacing="0" border="0"><tr><th> Атрибут</th><th> Описание</th></tr><tr><td> href</td><td> Указывает используемый URI / URL.</td></tr><tr><td> цель</td><td> Целевая рама / окно</td></tr></table><h4><span class="ez-toc-section" id="i-49"> Глобальные атрибуты </span></h4><p> Следующие атрибуты являются стандартными для всех тегов HTML 5 (хотя атрибут <code> tabindex </code> не применяется к элементам </code> диалога <code>).</p><ul><li> <code> accesskey </code></li><li> <code> автокапитализировать </code></li><li> <code> класс </code></li><li> <code> contenteditable </code></li><li> <code> data- * </code></li><li> <code> dir </code></li><li> <code> Draggable </code></li><li> <code> скрыто </code></li><li> <code> id </code></li><li> <code> режим ввода </code></li><li> <code> - </code></li><li> <code> Itemid </code></li><li> <code> itemprop </code></li><li> <code> itemref </code></li><li> <code> itemscope </code></li><li> <code> тип объекта </code></li><li> <code> lang </code></li><li> <code> часть </code></li><li> <code> слот </code></li><li> <code> проверка орфографии </code></li><li> <code> стиль </code></li><li> <code> tabindex </code></li><li> <code> название </code></li><li> <code> перевод </code></li></ul><p> Полное объяснение этих атрибутов см. В разделе Глобальные атрибуты HTML 5.</p><h4><span class="ez-toc-section" id="i-50"> Атрибуты содержимого обработчика событий </span></h4><p> Атрибуты содержимого обработчика событий позволяют вам вызывать скрипт из вашего HTML. Сценарий вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с различным событием.</p><ul><li> <code> онаборт </code></li><li> <code> onauxclick </code></li><li> <code> onblur </code></li><li> <code> oncancel </code></li><li> <code> oncanplay </code></li><li> <code> на сайте </code></li><li> <code> onchange </code></li><li> <code> onclick </code></li><li> <code> onclose </code></li><li> <code> oncontextmenu </code></li><li> <code> онкопия </code></li><li> <code> oncuechange </code></li><li> <code> oncut </code></li><li> <code> ondblclick </code></li><li> <code> ondrag </code></li><li> <code> ondragend </code></li><li> <code> ondragenter </code></li><li> <code> ondragexit </code></li><li> <code> ondragleave </code></li><li> <code> ondragover </code></li><li> <code> ondragstart </code></li><li> <code> ondrop </code></li><li> <code> ondurationchange </code></li><li> <code> односторонне </code></li><li> <code> onended </code></li><li> <code> ошибка </code></li><li> <code> onfocus </code></li><li> <code> onformdata </code></li><li> <code> на входе </code></li><li> <code> oninvalid </code></li><li> <code> onkeydown </code></li><li> <code> onkeypress </code></li><li> <code> onkeyup </code></li><li> <code> onlanguagechange </code></li><li> <code>, нагрузка </code></li><li> <code> загруженных данных </code></li><li> <code> загруженных метаданных </code></li><li> <code> onloadstart </code></li><li> <code> onmousedown </code></li><li> <code> onmouseenter </code></li><li> <code> onmouseleave </code></li><li> <code> onmousemove </code></li><li> <code> onmouseout </code></li><li> <code> onmouseover </code></li><li> <code> onmouseup </code></li><li> <code> паста </code></li><li> <code> на паузе </code></li><li> <code> onplay </code></li><li> <code> onplaying </code></li><li> <code> onprogress </code></li><li> <code> onratechange </code></li><li> <code> на </code></li><li> <code> onresize </code></li><li> <code> onscroll </code></li><li> <code> по безопасностиполицитриминирование </code></li><li> <code> искомых </code></li><li> <code> в поисках </code></li><li> <code> onselect </code></li><li> <code> onslotchange </code></li><li> <code> установлено </code></li><li> <code> на подачу </code></li><li> <code> onsuspend </code></li><li> <code> ontimeupdate </code></li><li> <code> пуговица </code></li><li> <code> onvolumechange </code></li><li> <code> в ожидании </code></li><li> <code> на колесе </code></li></ul><p> Полный список обработчиков событий см. В разделе Атрибуты содержимого обработчика событий HTML 5.</p> ,<div>: элемент URL базы документов - веб-технология для разработчиков</h2><p> Элемент </strong> HTML <code><base> </code> <strong> задает базовый URL-адрес, который будет использоваться для всех <em> относительных URL-адресов </em> в документе. В документе может быть только один элемент <code><base> </code>.</p><p> Используемый базовый URL документа может быть доступен с помощью скриптов с <code> document.baseURI </code>. Если документ не имеет <code><base> </code> элементов, то <code> baseURI </code> по умолчанию имеет местоположение <code>.HREF </code></p><h3><span class="ez-toc-section" id="i-51"> Атрибуты </span></h3><p> Атрибуты этого элемента включают глобальные атрибуты.</p><p> Если указан любой из следующих атрибутов, этот элемент <strong> должен </strong> предшествовать другим элементам со значениями атрибутов URL-адресов, такими как <code> <ссылка> <code>-атрибут <code> href </code>.</p><dl><dt> <strong> <code> href </code> </strong></dt><dd> Базовый URL, который будет использоваться по всему документу для относительных URL. Абсолютные и относительные URL разрешены.</dd><dt> <strong> <code> цель </code> </strong></dt><dd> Ключевое слово <strong> </strong> или <strong>, определенное автором имя </strong> контекста просмотра по умолчанию, чтобы показать результаты навигации из <code> <a> </code> или <code><form> </code> элементов без явных <code> целевых атрибутов </code>.</dd><dd> Следующие ключевые слова имеют особое значение:<ul><li> <code> _self </code> (по умолчанию): Показать результат в текущем контексте просмотра.</li><li> <code> _blank </code>: Показать результат в новом безымянном контексте просмотра.</li><li> <code> _parent </code>: Показать результат в родительском контексте просмотра текущего, если текущая страница находится внутри фрейма. Если нет родителя, действует так же, как <code> _self </code>.</li><li> <code> _top </code>: Показать результат в самом верхнем контексте просмотра (контекст просмотра, который является предком текущего и не имеет родителя). Если нет родителя, действует так же, как <code> _self </code>.</li></ul></dd></dl><h3><span class="ez-toc-section" id="i-52"> Примечания по использованию </span></h3><h4><span class="ez-toc-section" id="i-53"> Несколько<base> элементов </span></h4><p> Если используется несколько <code><base> </code> элементов, то выполняются только первая <code> href </code> и первая <code> цель </code> - все остальные игнорируются.</p><h4><span class="ez-toc-section" id="In-page"> In-page якоря </span></h4><p> Ссылки, указывающие на фрагмент в документе - например, <code> <a href="#some-id"> </code> - разрешаются с помощью <code><base> </code>, инициируя HTTP-запрос к базовому URL с прикрепленным фрагментом. Например:</p><ol><li> Дано <code><base href = "https://example.com"> </code></li><li> ... и эта ссылка: <code> <a href="#anchor"> Anker </a> </code></li><li> ... ссылка указывает на <code> https: // пример.com / # якорь </code>.</li></ol><h4><span class="ez-toc-section" id="i-54"> Открытый график </span></h4><p> Теги OpenGraph не подтверждают <code><base> </code> и всегда должны иметь полные абсолютные URL-адреса. Например:</p><pre> <meta property = "og: image" content = "https://example.com/thumbnail.jpg"> </pre><h3><span class="ez-toc-section" id="i-55"> Примеры </span></h3><pre> <base href = "https://www.example.com/"> <base target = "_ blank"> <base target = "_ top" href = "https://example.com/"> </pre><h3><span class="ez-toc-section" id="i-56"> Технические характеристики </span></h3><h3><span class="ez-toc-section" id="i-57"> Совместимость браузера </span></h3> Обновление данных о совместимости на GitHub<table><thead><tr><td/><th colspan="6"> Рабочий стол</th><th colspan="6"> Мобильный</th></tr><tr><td/><th> Chrome</th><th> Edge</th><th> Firefox</th><th> Интернет-обозреватель</th><th> Opera</th><th><th> Safari</th></th> Android-браузер</th></th></th></th></th></th> для Android</th></th> браузер</th></th></th> браузер</th></th></th></th></th></th><th colspan="6"></th></th><th></th></th></th></th></th><th colspan="6"><th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th></th> с веб-браузером</th></th></th> браузер 9fo</th><th> Opera для Android</th><th> Safari на iOS</th><th> Samsung Интернет</th></tr></thead><tbody><tr><th scope="row"> <code> база </code></th><td> Chrome <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Край <abbr title="Full support"> Полная поддержка </abbr> 12</td><td> Firefox <abbr title="Full support"> Полная поддержка </abbr> 1</td><td> IE <abbr title="Full support"> Полная поддержка </abbr> Да<dl><dt> <abbr title="Full support"> Полная поддержка </abbr> Да</dt><dd> <abbr title="See implementation notes"> Примечания </abbr> Перед Internet Explorer 7 <code><base> </code> можно расположить в любом месте документа, и используется ближайшее значение <code><base> </code>.</dd></dl></td><td> Opera <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> WebView Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Chrome Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Firefox Android <abbr title="Full support"> Полная поддержка </abbr> 4</td><td> Opera Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari iOS <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Samsung Интернет Android <abbr title="Full support"> Полная поддержка </abbr> Да</td></tr><tr><th scope="row"> <code> href </code></th><td> Хром <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Край <abbr title="Full support"> Полная поддержка </abbr> 12</td><td> Firefox <abbr title="Full support"> Полная поддержка </abbr> 1</td><td> IE <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Опера <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> WebView Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Chrome Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Firefox Android <abbr title="Full support"> Полная поддержка </abbr> 4</td><td> Opera Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari iOS <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Samsung Интернет Android <abbr title="Full support"> Полная поддержка </abbr> Да</td></tr><tr><th scope="row"> <code> target </code></th><td> Chrome <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Край <abbr title="Full support"> Полная поддержка </abbr> 12</td><td> Firefox <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> IE <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Опера <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> WebView Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Chrome Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Firefox Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Opera Android <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Safari iOS <abbr title="Full support"> Полная поддержка </abbr> Да</td><td> Samsung Интернет Android <abbr title="Full support"> Полная поддержка </abbr> Да</td></tr></tbody></table><h4><span class="ez-toc-section" id="i-58"> Легенда </span></h4><dl><dt> <abbr title="Full support"> Полная поддержка </abbr></dt><dd> Полная поддержка</dd><dt> <abbr title="See implementation notes."> См. Примечания по реализации.</abbr></dt><dd> См. Примечания к реализации.</dd></dl>.<h2><span class="ez-toc-section" id="HTML-3"> HTML-тег </span></h2><p> Тег HTML <code><base> </code> используется для создания «базового» элемента. Это позволяет веб-авторам создавать базовый URL-адрес для разрешения относительных URL-адресов.</p><p> Например, вы можете установить базовый URL один раз в верхней части своей страницы, тогда все относительные ссылки на странице будут использовать этот URL, как если бы это была текущая страница.</p><h3><span class="ez-toc-section" id="i-59"> Синтаксис </span></h3><p> Тег<base> </code> <code> записывается как <code><base href = "" target = ""> </code> (без конечного тега).<code><base> </code> должен иметь либо атрибут <code> href </code>, либо атрибут <code> target </code>, либо оба этих атрибута.</p><p> Нравится:</p><p><base href = "http: // www.html.am/ "target =" _ blank "></p><p> Тег <code><base> </code> должен быть вставлен между тегами <code><head> </code> документа, и в каждом документе должно быть не более одного элемента <code><base> </code>.</p><p> Нравится:</p><p> <! doctype html><HTML> <Голова><title> Пример базового тега </ title><base href = "http: // www.html.am/ "target =" _ blank "> </ HEAD> <Тело><p> См. <a href="html-codes/"> HTML-коды </a>. </ p> </ Body> </ Html></p><h3><span class="ez-toc-section" id="i-60"> Пример </span></h3><p> <! doctype html><HTML> <Голова><title> Пример базового тега </ title><base href = "http: // www.html.am/ "target =" _ blank "> </ HEAD> <Тело><p> Ознакомьтесь с этим <a href="html-editors/online-html-editor.cfm"> онлайн-редактором </a>. </ p> </ Body> </ Html></p><p> Приведенная выше ссылка фактически разрешит до <samp> http: // www.html.am/html-editors/online-html-editor.cfm </samp> независимо от URL текущей страницы. Это связано с тем, что базовый URL (http://www.html.am/) будет добавлен перед (относительным) URL, указанным в ссылке (html-editors / online-html-editor.cfm).</p><p> Измените код и нажмите <kbd> <samp> Запустите </samp> </kbd>, чтобы изменить значение элемента <code><base> </code>.</p><h3><span class="ez-toc-section" id="i-61"> атрибутов </span></h3><p> Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.</p><p> Элемент <code><base> </code> принимает следующие атрибуты.</p><table><tr><th> Атрибут</th><th> Описание</th></tr><tr><td> <code> href </code></td><td> Указывает используемый URI / URL.</td></tr><tr><td> <code> цель </code></td><td> Целевая рама / окно</td></tr></table><h4><span class="ez-toc-section" id="i-62"> Глобальные атрибуты </span></h4><p> Следующие атрибуты являются стандартными для всех элементов HTML.Поэтому вы можете использовать эти атрибуты с тегом <code><base> </code>, а также со всеми другими тегами HTML.</p><ul><li> <code> accesskey </code></li><li> <code> автокапитализировать </code></li><li> <code> класс </code></li><li> <code> contenteditable </code></li><li> <code> data- * </code></li><li> <code> dir </code></li><li> <code> Draggable </code></li><li> <code> скрыто </code></li><li> <code> id </code></li><li> <code> режим ввода </code></li><li> <code> - </code></li><li> <code> itemid </code></li><li> <code> itemprop </code></li><li> <code> itemref </code></li><li> <code> itemscope </code></li><li> <code> тип объекта </code></li><li> <code> lang </code></li><li> <code> часть </code></li><li> <code> слот </code></li><li> <code> проверка орфографии </code></li><li> <code> стиль </code></li><li> <code> tabindex </code></li><li> <code> название </code></li><li> <code> перевод </code></li></ul><p> Полное объяснение этих атрибутов см. В разделе Глобальные атрибуты HTML 5.</p><h4><span class="ez-toc-section" id="i-63"> Обработчики событий </span></h4><p> Атрибуты содержимого обработчика событий позволяют вам вызывать скрипт из вашего HTML. Сценарий вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с различным событием.</p><ul><li> <code> онаборт </code></li><li> <code> onauxclick </code></li><li> <code> onblur </code></li><li> <code> oncancel </code></li><li> <code> oncanplay </code></li><li> <code> на сайте </code></li><li> <code> onchange </code></li><li> <code> onclick </code></li><li> <code> onclose </code></li><li> <code> oncontextmenu </code></li><li> <code> онкопия </code></li><li> <code> oncuechange </code></li><li> <code> oncut </code></li><li> <code> ondblclick </code></li><li> <code> ondrag </code></li><li> <code> ondragend </code></li><li> <code> ondragenter </code></li><li> <code> ondragexit </code></li><li> <code> ondragleave </code></li><li> <code> ondragover </code></li><li> <code> ondragstart </code></li><li> <code> ondrop </code></li><li> <code> ondurationchange </code></li><li> <code> пустые </code></li><li> <code> onended </code></li><li> <code> ошибка </code></li><li> <code> onfocus </code></li><li> <code> onformdata </code></li><li> <code> на входе </code></li><li> <code> oninvalid </code></li><li> <code> onkeydown </code></li><li> <code> onkeypress </code></li><li> <code> onkeyup </code></li><li> <code> onlanguagechange </code></li><li> <code>, нагрузка </code></li><li> <code> загруженных данных </code></li><li> <code> загруженных метаданных </code></li><li> <code> onloadstart </code></li><li> <code> onmousedown </code></li><li> <code> onmouseenter </code></li><li> <code> onmouseleave </code></li><li> <code> onmousemove </code></li><li> <code> onmouseout </code></li><li> <code> onmouseover </code></li><li> <code> onmouseup </code></li><li> <code> паста </code></li><li> <code> на паузе </code></li><li> <code> onplay </code></li><li> <code> при игре </code></li><li> <code> onprogress </code></li><li> <code> onratechange </code></li><li> <code> на месте </code></li><li> <code> onresize </code></li><li> <code> onscroll </code></li><li> <code> по безопасностиполицитолии </code></li><li> <code> искомых </code></li><li> <code> в поисках </code></li><li> <code> onselect </code></li><li> <code> onslotchange </code></li><li> <code> установлено </code></li><li> <code> на подачу </code></li><li> <code> onsuspend </code></li><li> <code> своевременное обновление </code></li><li> <code> пуговица </code></li><li> <code> onvolumechange </code></li><li> <code> в ожидании </code></li><li> <code> на колесе </code></li></ul><p> Большинство атрибутов содержимого обработчика событий можно использовать для всех элементов HTML, но некоторые обработчики событий имеют определенные правила относительно того, когда их можно использовать и к каким элементам они применимы.</p><p> Подробнее см. В разделе Атрибуты содержимого обработчика событий HTML.</p> ,<div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="post-sharrre group"><div id="twitter" data-url="https://ylianova.ru/html/teg-base-v-html-teg-htmlbook-ru.html" data-text="Тег base в html: Тег | htmlbook.ru" data-title="Tweet"></div><div id="facebook" data-url="https://ylianova.ru/html/teg-base-v-html-teg-htmlbook-ru.html" data-text="Тег base в html: Тег | htmlbook.ru" data-title="Like"></div><div id="googleplus" data-url="https://ylianova.ru/html/teg-base-v-html-teg-htmlbook-ru.html" data-text="Тег base в html: Тег | htmlbook.ru" data-title="+1"></div><div id="pinterest" data-url="https://ylianova.ru/html/teg-base-v-html-teg-htmlbook-ru.html" data-text="Тег base в html: Тег | htmlbook.ru" data-title="Pin It"></div></div></div></article><ul class="post-nav group"><li class="next"><a href="https://ylianova.ru/raznoe-2/transform-none-transform-css-mdn.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Transform none: transform — CSS | MDN</span></a></li><li class="previous"><a href="https://ylianova.ru/raznoe-2/brandmauer-stroitelstvo-stranicza-ne-najdena-homius.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Брандмауэр строительство: Страница не найдена – HOMIUS</span></a></li></ul><section id="comments" class="themeform"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/teg-base-v-html-teg-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='5790' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></section></div></section><div class="sidebar s1"> <a class="sidebar-toggle" title="Развернуть боковую панель"><i class="fa icon-sidebar-toggle"></i></a><div class="sidebar-content"><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://ylianova.ru/"><div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Введите поисковую фразу';" onfocus="if(this.value=='Введите поисковую фразу')this.value='';" value="Введите поисковую фразу" /></div></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h3>Рубрики</h3><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-5370" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5370"><a href="https://ylianova.ru/category/css">Css</a></li><li id="menu-item-5371" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5371"><a href="https://ylianova.ru/category/html">Html</a></li><li id="menu-item-5372" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5372"><a href="https://ylianova.ru/category/http">Http</a></li><li id="menu-item-5373" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5373"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li id="menu-item-5374" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5374"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li id="menu-item-5375" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5375"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li id="menu-item-5376" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5376"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li id="menu-item-5377" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5377"><a href="https://ylianova.ru/category/maket">Макет</a></li><li id="menu-item-5378" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5378"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li id="menu-item-5379" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5379"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li></ul></div></div><div id="categories-3" class="widget widget_categories"><h3>Рубрики</h3><ul><li class="cat-item cat-item-5"><a href="https://ylianova.ru/category/css">Css</a></li><li class="cat-item cat-item-4"><a href="https://ylianova.ru/category/html">Html</a></li><li class="cat-item cat-item-9"><a href="https://ylianova.ru/category/http">Http</a></li><li class="cat-item cat-item-10"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li class="cat-item cat-item-20"><a href="https://ylianova.ru/category/linux">Linux</a></li><li class="cat-item cat-item-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li class="cat-item cat-item-19"><a href="https://ylianova.ru/category/adaptiv">Адаптив</a></li><li class="cat-item cat-item-17"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li class="cat-item cat-item-3"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li class="cat-item cat-item-16"><a href="https://ylianova.ru/category/maket">Макет</a></li><li class="cat-item cat-item-6"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li class="cat-item cat-item-13"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li><li class="cat-item cat-item-12"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://ylianova.ru/category/sovety">Советы</a></li><li class="cat-item cat-item-15"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li class="cat-item cat-item-7"><a href="https://ylianova.ru/category/shablon">Шаблоны</a></li><li class="cat-item cat-item-14"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li class="cat-item cat-item-8"><a href="https://ylianova.ru/category/shrift">Шрифты</a></li></ul></div></div></div></div></div><footer id="footer"><section id="footer-bottom"><div class="container"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a><div class="pad group"><div class="grid one-half"><div id="copyright"><p>Блог сумасшедшего сисадмина © 2024. Все права защищены.</p></div><div id="credit"><p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></p></div></div><div class="grid one-half last"></div></div></div></section></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://ylianova.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script>   <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>  <script defer src="https://ylianova.ru/wp-content/cache/autoptimize/js/autoptimize_153b39e4f2f2f834815dc3f1130c1843.js"></script></body></html>

Категории элемента	Метаданные (Metadata)
Отображение на странице	Не отображается, это empty element.
Открывающий, закрывающий теги	Без закрывающего тега.
Содержится в	`<head>`, `<body>`.
Использование в ARIA roles	Нет
Интерфейс DOM	`HTMLBaseElement`

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

Тег base в html: Тег | htmlbook.ru

Тег | htmlbook.ru

Спецификация

Описание

Синтаксис

Атрибуты

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

HTML тег base

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

Атрибуты тега <base>

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

HTML пример использования

Тег | HTML справочник

Значение и применение

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

Атрибуты

Пример использования

Отличия HTML 4.01 от HTML 5

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

Поддержка глобальных атрибутов

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

| HTML | WebReference

Синтаксис

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

Атрибуты

Пример

Примечание

Спецификация

Браузеры

Автор и редакторы

— Веб-технологии для разработчиков

Атрибуты <base>

Примеры

Спецификация

Совместимость с браузерами

Тег | HTML справочник

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

Описание

Атрибуты

Стиль по умолчанию

Пример

| Справочник HTML

Синтаксис

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

Атрибуты

Стилизация по умолчанию

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

Пример использования:

Элемент <base>

Спецификации

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

HTML базовый тег

Пример

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

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

атрибутов

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

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

Связанные страницы

Настройки CSS по умолчанию

HTML 5 Tag

Атрибуты `<base>`

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

`Связанные страницы`

`Настройки CSS по умолчанию`