HTML-элементопределяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один элемент в одном документе. Основной адрес (URL) документа можно запросить скриптом используя document.baseURI (en-US).
Категории контента
Метаданные
Допустимое содержимое
Отсутствует. Это пустой элемент.
Пропуск тегов
Без закрывающего тега.
Допустимые родители
, .
Допустимые ARIA-роли
Нет
DOM-интерфейс
HTMLBaseElement
Атрибуты
К элементу можно применять глобальные атрибуты.
Базовый адрес (URL) для указания полного пути (основной, главный адрес). Если указан данный атрибут, значит этот элемент должен находиться до других элементов с атрибутами URLs. Разрешены абсолютные (внешние) и относительные (внутренние) адреса (URLs).
_self : загружает результат в текущем окне или вкладке. Если атрибут не указан, является значением по умолчанию.
_blank : загружает результат в новом окне или бланке.
_parent : загружает данные в родительском окне. Если значение _parent не указано, используется значение _self .
_top : загружает данные в контексте верхнего уровня (то есть, отображает полученный контекст без обратного перехода, если не имеет родительского значения). Если нет родительских данных используется как _self .
Примечание: если указано несколько элементов , будут использованы только первые href и target; все последующие значения проигнорируются.
Элемент определен внутри контейнера и инструктирует браузер относительно полного базового адреса текущего документа. Тег предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег , определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как , то при добавлении рисунков достаточно использовать относительный адрес . При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif , что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как , то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif .
Второе применение тега — задание целевого окна для всех ссылок на текущей странице.
Синтаксис
Атрибуты
href Адрес, который должен использоваться для указания полного пути к файлам. target Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.
Закрывающий тег
HTML5 IE Cr Op Sa Fx
Тег BASE
Ссылка
Base href что значит
Тег задаёт базовый URL документа и цель для всех относительных URL. Это необязательный тег, но его рекомендуется включать в раздел , чтобы избежать потенциальных проблем с относительными URL.
Атрибуты тега :
href — базовый URL для всех относительных URL в документе.
target — указывает, где открывать связанный документ при нажатии на ссылку.
Примеры использования
Установка полного базового адреса текущего документа:
Установка цели для всех ссылок в документе, что приведёт к открытию связанных документов в новом окне:
Для чего использовать тег
Задать базовый URL текущего документа.
Определить цели для всех ссылок в документе.
Открыть все ссылки документа в новом окне.
Задать базовый URL для документа на разных языках.
Задать базовый URL для документа, который отображается на другом домене.
Глобальные атрибуты
Нюансы
Если атрибут href не указан, относительные URL-адреса в документе могут определяться некорректно.
Если атрибут target не указан, ссылки могут открываться в неожиданных окнах или фреймах.
���� Другие теги для создания структуры документа
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Контейнер для чего угодно. Тег
Тег определяет раздел или секцию в HTML-документе. Это контейнер, который используется для группировки других элементов, таких как текст, изображения или другие теги, в разделы или блоки.
Заголовок секции
Какое-нибудь содержимое секции
6 октября 2023
Как добавить подпись в HTML. Тег
Описание изображения
Устаревший атрибут align — выравнивание подписи относительно элемента .
Тег может использоваться только внутри элемента .
Валидный HTML требует, чтобы тег находился после элемента или других медиа-элементов внутри . Однако это необязательное правило, и подпись может располагаться перед медиа-элементом или даже внутри него.
6 октября 2023
Метаданные HTML-страницы. Тег
Тег содержит метаданные о документе HTML. Он может включать такую информацию, как имя автора, название документа, ключевые слова и набор символов.
Атрибуты тега :
charset — кодировка символов в документе.
name — имя метаданных.
content — значение метаданных.
http-equiv — HTTP-заголовок для значения атрибута content .
Атрибут charset должен быть первым атрибутом в теге , а name и http-equiv нельзя использовать вместе.
4 октября 2023
Просто кнопка. Тег
Тег создаёт кликабельную кнопку, которая может запускать действия или события на веб-странице. Например, отправку или перезагрузку формы, запуск функции, открытие нового окна или добавление товара в корзину.
Атрибуты тега :
name — имя кнопки.
type — тип кнопки, по умолчанию — submit . Атрибут type необходим, если указан атрибут value .
value — значение, которое будет отправлено на сервер при нажатии на кнопку.
disabled — указывает, что кнопка должна быть отключена.
form — одна или несколько форм, к которым принадлежит кнопка.
formaction — URL-адрес файла, который будет обрабатывать ввод при нажатии кнопки.
formenctype — указывает, как данные формы должны быть закодированы при отправке на сервер.
formmethod — метод HTTP, используемый при отправке данных формы.
formnovalidate — устанавливает, что данные формы не должны проверяться при отправке на сервер.
formtarget — указывает, где отображать ответ после отправки формы.
4 октября 2023
Независимый контент. Тег
Тег в HTML используется для выделения содержимого, которое является независимым и самодостаточным. Это означает, что такой контент может быть переиспользоваться в разных местах без потери смысла.
Заголовок статьи
Текст статьи.
Тегом размечают статьи в блогах, сообщения на форумах и другие материалы, которые имеют смысл и ценность, даже если они прочитаны вне контекста, в котором были созданы.
Не используйте для группировки элементов, которые не являются самостоятельными материалами, например, для списка продуктов или новостей.
3 октября 2023
Как встроить страницу через
Тег позволяет встраивать контент (например, веб-страницы, видео) прямо в ваш документ HTML.
Простейший пример использования :
Атрибут src задаёт URL-адрес страницы, которую вы хотите встроить.
Атрибуты width и height — ширина и высота фрейма (можно задавать как в пикселях, так и в процентах).
3 октября 2023
Выпадающий список. Тег
Тег используется для создания выпадающего списка. Этот тег содержит список опций, которые пользователь может выбрать. Когда пользователь выбирает опцию, выбранное значение отправляется на сервер или обрабатывается на клиентской стороне.
Все опции списка должны быть обёрнуты в тег .
Атрибуты тега :
autocomplete — подсказка для функции автозаполнения формы;
disabled — делает элемент неактивным;
form — связывает список с формой;
multiple — позволяет выбрать несколько опций;
name — задает имя элемента, которое будет отправляться на сервер;
required — делает элемент обязательным для заполнения;
size — задает количество строк в списке.
1 октября 2023
Встроенные CSS-стили для страницы с тегом
Тег используется для определения стилей для HTML-документов. Он является важным компонентом CSS, которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.
body
Добро пожаловать на мой сайт!
Атрибуты тега :
type — MIME-тип таблицы стилей.
media — типы носителей, для которы будет использоваться стиль.
29 сентября 2023
Изображение в HTML. Тег
Элемент используется для вставки изображений на веб-страницы.
У нет закрывающего тега. Он поддерживает изображения в различных форматах — например, JPEG, PNG, WebP, GIF, SVG.
Существуют определенные правила или стандарты использования тега , которые рекомендуются для большинства случаев в веб-разработке. Несмотря на то что конкретные требования могут варьироваться в зависимости от проекта, ниже приведены атрибуты и практики, которые часто рекомендуются к использованию.
28 сентября 2023
Как использовать HTML-тег
Когда имеет значение каждый байт, можно использовать HTML-тег base href , чтобы указать атрибуты target по умолчанию для всех относительных URL-адресов на странице:
Для небольших ресурсов с несложной структурой это не даст большого эффекта. Но для сайтов с многоуровневой структурой каталогов тег существенно уменьшит объем страниц, а также обеспечить четкость и краткость URL-адресов .
Преимущества тега
Преимущества использования тега :
Уменьшает объем страницы;
Экономит трафик;
Более короткие URL-адреса ;
Чистая разметка;
Помогает при просмотре страниц в автономном режиме;
Упрощает миграцию ( нужно изменить всего одну ссылку, а не многие );
Даже с учетом всех этих преимуществ base href base url используется не на многих страницах. Это связано с тем, что данный тег имеет несколько недостатков.
Потенциальные недостатки тега
Проблемы при прозрачной перезаписи URL-адресов;
Могут возникать проблемы при просмотре в старых браузерах.
Информация по тестам поддержки браузерами тега и их результатам . Это не является проблемой, если вам не нужно учитывать большинство архаичных браузеров.
Таким образом, мы имеем в наличии одну реальную проблему — если ваш сайт использует прозрачную перепись, то лучше не использовать тег .
Пример. Указание URL-адреса по умолчанию
Рассмотрим пример использования тега для указания URL по умолчанию, который будет применяться ко всем относительным URL-адресам на странице, включая атрибуты src и href . Это означает, что относится к изображениям, гиперссылкам, iframe , формам, скриптам.
Например, все изображения содержатся где-то в каталоге:
Его можно указать с помощью относительного пути:
Это короче, но все равно добавляет несколько байтов к объему, особенно если на странице используется несколько изображений. Например, использование подобного пути для каждого изображения в галерее уменьшает общий объем. Можно сделать еще лучше, указав URL-адрес по умолчанию с помощью тега . Для этого добавьте следующий код base href site url в раздел head :
При этом можно исключить весь путь для файлов изображений. Поэтому вместо того, чтобы указывать для галереи изображений следующее:
. . .
можно просто добавить приведенный ниже код:
. . .
В зависимости от количества файлов, которые вы используете, может существенно уменьшить объем страницы и сохранить разметку чистой.
Пример: Указание атрибута target по умолчанию
Тег HTML base href также может применяться для указания атрибута target , используемого по умолчанию в ссылках, формах, iframes и т.д. Например:
Используя приведенный выше код, можно исключить атрибут target из тегов ссылок. Вместо того чтобы писать для каждой ссылки, размещенной на странице, что-то вроде этого:
можно сделать следующим образом:
Что еще больше уменьшает общий объем веб-страницы. Конечно, это не огромная экономия, но при оптимизации производительности значение имеет каждый бит.
Исключение URL-адресов из значения по умолчанию
Что делать, если вы хотите включить ссылки на ресурсы, расположенные не по тому адресу, который указан в ? Тег base href http применяется только к URL-адресам , которые относятся к базовому URL- . Например, на странице мы ссылаемся на следующие URL-адреса :
Обратите внимание, что значение не применяется к первому и второму URL-адресам , а только к третьему. Поэтому, чтобы исключить любой URL , можно использовать абсолютный адрес или начинающийся с косой черты — /. Ни к одному из этих URL-адресов не будет относиться тег .
Поддержка браузерами
Тег поддерживается основными браузерами:
Chrome ;
Firefox ;
Opera ;
Safari ;
Internet Explorer .
Заключение
Несколько полезных заметок по base href :
Необходимо использовать абсолютные URL-адреса для идентификаторов фрагментов ( анкоры / хэш-ссылки ), например #whatever ;
Нужно использовать абсолютные URL для адресов строки запроса, например ?whatever=something ;
Всегда указывайте конечную косую черту в базовом URL-адресе ( чтобы это была ссылка на каталог, а не на файл );
Тег должен быть включен в раздел ;
На каждой веб-странице может быть только один тег ;
Тег должен включать в себя атрибут href , атрибут target или оба сразу;
Добавляйте перед всеми другими тегами в разделе , чтобы он применялся для URL-адресов скриптов, стилей и т. д.
Я надеюсь, что данная статья помогла вам разобраться с HTML base href .
Вадим Дворников автор-переводчик статьи « How to use the HTML base tag »
. . .
. . .