Содержание

Тег | 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 он требуется.

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

Атрибуты

АтрибутЗначениеОписание
hrefURLЗадает абсолютный 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>

  <!-- Если начальная часть URL-адреса указана как: -->
  <base href="httр://example.ru/directory/">

</head>
<body>

  <!-- то, например при добавлении рисунков
   достаточно будет использовать относительный адрес: -->
  <img src="images/someImg.png">

  <!-- Для браузера полный путь к изображению будет таким:
  httр://example.ru/directory/images/someImg.png -->

</body>
</html>

Результат данного примера в окне браузера:

Пример использования тега <base>

| Справочник 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-адрес по умолчанию и цель по умолчанию для всех ссылок на странице:




Stickman
Базовый тег 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-46"> Атрибуты </span></h3> <p> HTML-теги могут содержать один или несколько атрибутов.Атрибуты добавляются в тег, чтобы предоставить браузеру больше информации о том, как тег должен выглядеть или вести себя. Атрибуты состоят из имени и значения, разделенных знаком равенства (=), а значение заключено в двойные кавычки. Вот пример, <code> style = "color: black;" </code> </p> <p> Существует три вида атрибутов, которые вы можете добавить к своим HTML-тегам: атрибуты содержимого, относящиеся к элементам, глобальные и обработчики событий. </p> <p> Атрибуты, которые вы можете добавить к этому тегу, перечислены ниже.</p> <h4><span class="ez-toc-section" id="i-47"> Элемент-специфичные атрибуты </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-48"> Глобальные атрибуты </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-49"> Атрибуты содержимого обработчика событий </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><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <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-50"> Атрибуты </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-51"> Примечания по использованию </span></h3> <h4><span class="ez-toc-section" id="i-52"> Несколько <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-53"> Открытый график </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-54"> Примеры </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-55"> Технические характеристики </span></h3> <h3><span class="ez-toc-section" id="i-56"> Совместимость браузера </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-57"> Легенда </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><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> Тег HTML <code> <base> </code> используется для создания «базового» элемента. Это позволяет веб-авторам создавать базовый URL-адрес для разрешения относительных URL-адресов. </p> <p> Например, вы можете установить базовый URL один раз в верхней части своей страницы, тогда все относительные ссылки на странице будут использовать этот URL, как если бы это была текущая страница. </p> <h3><span class="ez-toc-section" id="i-58"> Синтаксис </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-59"> Пример </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-60"> атрибутов </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-61"> Глобальные атрибуты </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-62"> Обработчики событий </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><!--/.entry--> </div><!--/.post-content--> <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><!--/.post-sharrre--> <script type="text/javascript"> // Sharrre jQuery(document).ready(function(){ jQuery('#twitter').sharrre({ share: { twitter: true }, template: '<a class="box group" href="#"><div class="count" href="#">{total}</div><div class="share"><i class="fa fa-twitter"></i></div></a>', enableHover: false, enableTracking: true, buttons: { twitter: {via: ''}}, click: function(api, options){ api.simulateClick(); api.openPopup('twitter'); } }); jQuery('#facebook').sharrre({ share: { facebook: true }, template: '<a class="box group" href="#"><div class="count" href="#">{total}</div><div class="share"><i class="fa fa-facebook-square"></i></div></a>', enableHover: false, enableTracking: true, click: function(api, options){ api.simulateClick(); api.openPopup('facebook'); } }); jQuery('#googleplus').sharrre({ share: { googlePlus: true }, template: '<a class="box group" href="#"><div class="count" href="#">{total}</div><div class="share"><i class="fa fa-google-plus-square"></i></div></a>', enableHover: false, enableTracking: true, urlCurl: 'https://ylianova.ru/wp-content/themes/anew/js/sharrre.php', click: function(api, options){ api.simulateClick(); api.openPopup('googlePlus'); } }); jQuery('#pinterest').sharrre({ share: { pinterest: true }, template: '<a class="box group" href="#" rel="nofollow"><div class="count" href="#">{total}</div><div class="share"><i class="fa fa-pinterest"></i></div></a>', enableHover: false, enableTracking: true, buttons: { pinterest: { description: 'Тег base в html: Тег | htmlbook.ru' } }, click: function(api, options){ api.simulateClick(); api.openPopup('pinterest'); } }); }); </script> </div><!--/.post-inner--> </article><!--/.post--> <ul class="post-nav group"> <li class="next"><a href="https://ylianova.ru/raznoe-2/integer-tip-dannyx-tip-dannyx-integer-visual-basic.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Integer тип данных: Тип данных Integer — Visual Basic</span></a></li> <li class="previous"><a href="https://ylianova.ru/raznoe-2/gugl-planer-podberite-podxodyashhie-klyuchevye-slova-s-pomoshhyu-instrumentov-google-reklamy.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Гугл планер: Подберите подходящие ключевые слова с помощью инструментов Google Рекламы</span></a></li> </ul> <div class="wpdiscuz_top_clearing"></div> <div id="comments" class="comments-area"><div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div> <h3 id="wc-comment-header"> Отправить ответ </h3> <div id="wpcomm" class="wpdiscuz_unauth wpd-default"> <div class="wpdiscuz-form-top-bar"> <div class="wpdiscuz-ftb-left"> <div id="wc_show_hide_loggedin_username"> </div> </div> <div class="wpd-clear"></div> </div> <div class="wc_social_plugin_wrapper"> </div> <div class="wc-form-wrapper wc-main-form-wrapper" id='wc-main-form-wrapper-0_0' > <div class="wpdiscuz-comment-message" style="display: block;"></div> <form class="wc_comm_form wc_main_comm_form" method="post" enctype="multipart/form-data"> <div class="wc-field-comment"> <div class="wpdiscuz-item wc-field-textarea" > <div class="wpdiscuz-textarea-wrap "> <div class="wc-field-avatararea"> <img alt='avatar' src='https://secure.gravatar.com/avatar/?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo avatar-default' height='40' width='40' loading='lazy'/> </div> <textarea id="wc-textarea-0_0" placeholder="Начать обсуждение..." required name="wc_comment" class="wc_comment wpd-field"></textarea> </div> </div> <div class="clearfix"></div> </div> <div class="wc-form-footer" style="display: none;"> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"> <div class="wc-captcha-input"> <input type="text" maxlength="5" value="" autocomplete="off" required="required" name="wc_captcha" class="wpd-field wc_field_captcha" placeholder="Code" title="Вставьте код CAPTCHA"> </div> <div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"><img alt="wpdiscuz_captcha" class="wc_captcha_img" src="https://ylianova.ru/wp-content/plugins/wpdiscuz/utils/captcha/captcha.php?key=c5f807f0092c7a" width="80" height="26"/></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img alt="refresh" class="" src="https://ylianova.ru/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="c5f807f0092c7a" class="wpdiscuz-cnonce" name="cnonce" value="c5f807f0092c7a" /> </div> <div class="clearfix"></div> </div> <div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0 wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"> </form> </div> <div id = "wpdiscuz_hidden_secondary_form" style = "display: none;"> <div class="wc-form-wrapper wc-secondary-form-wrapper" id='wc-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;' > <div class="wpdiscuz-comment-message" style="display: block;"></div> <div class="wc-secondary-forms-social-content"></div><div class="clearfix"></div> <form class="wc_comm_form wc-secondary-form-wrapper" method="post" enctype="multipart/form-data"> <div class="wc-field-comment"> <div class="wpdiscuz-item wc-field-textarea" > <div class="wpdiscuz-textarea-wrap "> <div class="wc-field-avatararea"> <img alt='avatar' src='https://secure.gravatar.com/avatar/?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48' loading='lazy'/> </div> <textarea id="wc-textarea-wpdiscuzuniqueid" placeholder="Присоединиться к обсуждению..." required name="wc_comment" class="wc_comment wpd-field"></textarea> </div> </div> <div class="clearfix"></div> </div> <div class="wc-form-footer" style="display: none;"> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"> <div class="wc-captcha-input"> <input type="text" maxlength="5" value="" autocomplete="off" required="required" name="wc_captcha" class="wpd-field wc_field_captcha" placeholder="Code" title="Вставьте код CAPTCHA"> </div> <div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"><img alt="wpdiscuz_captcha" class="wc_captcha_img" src="https://ylianova.ru/wp-content/plugins/wpdiscuz/utils/captcha/captcha.php?key=c5f807f0092f8a" width="80" height="26"/></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img alt="refresh" class="" src="https://ylianova.ru/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="c5f807f0092f8a" class="wpdiscuz-cnonce" name="cnonce" value="c5f807f0092f8a" /> </div> <div class="clearfix"></div> </div> <div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"> </form> </div> </div> <div class="wpdiscuz-front-actions"> <div class="wpdiscuz-sbs-wrap"> <span><i class="far fa-envelope" aria-hidden="true"></i>  Подписаться  <i class="fas fa-caret-down" aria-hidden="true"></i></span> </div> <div class="clearfix"></div> </div> <div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"> <form action="https://ylianova.ru/wp-admin/admin-ajax.php?action=addSubscription" method="post" id="wpdiscuz-subscribe-form"> <div class="wpdiscuz-subscribe-form-intro">Уведомление о </div> <div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType" > <option value="post">новые последующие комментарии</option> <option value="all_comment" >новые ответы на мои комментарии</option> </select> </div> <div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/> </div> <div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" type="submit" value="›" name="wpdiscuz_subscription_button" /> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="1c06bf69d1" /><input type="hidden" name="_wp_http_referer" value="/html/teg-base-v-html-teg-htmlbook-ru.html" /> <input type="hidden" value="5790" name="wpdiscuzSubscriptionPostId" /> </form> <div class="wpdiscuz_clear"></div> </div> <div id="wcThreadWrapper" class="wc-thread-wrapper"> <div class="wpdiscuz-comment-pagination"> </div> </div> <div class="wpdiscuz_clear"></div> </div> </div> <div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"></div> </div><!--/.pad--> </section><!--/.content--> <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-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</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-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 id="custom_html-21" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});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></div></div> </div><!--/.sidebar-content--> </div><!--/.sidebar--> </div><!--/.main--> </div><!--/.container-inner--> <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>Блог сумасшедшего сисадмина © 2020. Все права защищены.</p> </div><!--/#copyright--> <div id="credit"> <p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a> </p> </div><!--/#credit--> </div> <div class="grid one-half last"> </div> </div><!--/.pad--> </div><!--/.container--> </section><!--/#footer-bottom--> </footer><!--/#footer--> </div><!--/#wrapper--> <style type="text/css"> .archive #nav-above, .archive #nav-below, .search #nav-above, .search #nav-below, .blog #nav-below, .blog #nav-above, .navigation.paging-navigation, .navigation.pagination, .pagination.paging-pagination, .pagination.pagination, .pagination.loop-pagination, .bicubic-nav-link, #page-nav, .camp-paging, #reposter_nav-pages, .unity-post-pagination, .wordpost_content .nav_post_link,.page-link, .page-links,#comments .navigation, #comment-nav-above, #comment-nav-below, #nav-single, .navigation.comment-navigation, comment-pagination { display: none !important; } .single-gallery .pagination.gllrpr_pagination { display: block !important; } </style> <a id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</a><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><link rel='stylesheet' id='yarppRelatedCss-css' href='https://ylianova.ru/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='pgntn_stylesheet-css' href='https://ylianova.ru/wp-content/plugins/pagination/css/nav-style.css?ver=5.5.1' type='text/css' media='all' /> <script type='text/javascript' src='https://ylianova.ru/wp-includes/js/jquery/jquery.form.min.js?ver=4.2.1' id='jquery-form-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/themes/anew/js/jquery.jplayer.min.js?ver=5.5.1' id='jplayer-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/themes/anew/js/scripts.js?ver=5.5.1' id='scripts-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/themes/anew/js/jquery.sharrre.min.js?ver=5.5.1' id='sharrre-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-includes/js/comment-reply.min.js?ver=5.5.1' id='comment-reply-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script> <script type='text/javascript' src='https://ylianova.ru/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"}; /* ]]> */ </script> <script type='text/javascript' src='https://ylianova.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js'></script> <!--[if lt IE 9]> <script src="https://ylianova.ru/wp-content/themes/anew/js/ie/respond.js"></script> <![endif]--> </body> </html>