Адреса

HTML Tag

Specify a default URL and a default target for all links on a page:

Definition and Usage

The tag specifies the base URL and/or target for all relative URLs in a document.

The tag must have either an href or a target attribute present, or both.

There can only be one single element in a document, and it must be inside the element.

Browser Support

Attributes

Attribute	Value	Description
href	URL	Specifies the base URL for all relative URLs in the page
target	_blank _parent _self _top	Specifies the default target for all hyperlinks and forms in the page

Global Attributes and Events

Event Attributes

The tag does not support any event attributes.

Related Pages

Default CSS Settings

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials

Top References

Top Examples

Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

Элемент base

Элемент не выводит никакого контента и выполняет исключительно служебную функцию — позволяет указать базовый URL, относительно которого будут устанавливаться другие адреса, например, для изображений и ссылок. Также задаёт значение атрибута target , которое по умолчанию применяется ко всем ссылкам.

В документе разрешается иметь только один .

Атрибут href

Предположим, все изображения для наших документов хранятся в папке assets/images . Чтобы постоянно не указывать этот путь перед именем файла, его можно вынести в значение атрибута href тега , как показано в примере 1.

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

Хотя в данном примере путь к файлу задан как figure.jpg в действительности его надо понимать как /example/images/figure.jpg . Обратите внимание на последний слэш (/), если его не указать, то путь к файлу будет /example/imagesfigure.jpg , что приведёт к ошибке и рисунок выводиться не будет.

Из-за того, что влияет на все используемые ниже него адреса, его рекомендуется ставить в раньше элементов со ссылками. Если перед стоит, к примеру, , то базовый адрес на него действовать не будет. Также базовый адрес не влияет на атрибут manifest в корневом элементе .

В качестве значения можно использовать и адрес сайта, как показано в примере 2.

      
 
Ссылка
  

Полный адрес изображения будет http://htmlbook.ru/example/images/figure.jpg . При сохранении страницы на локальный компьютер при её открытии все файлы будут загружаться непосредственно с сайта htmlbook.ru.

Хотя в примерах выше в использовались адреса папок, допустимо указывать и адрес документа:

Такой путь не надо подставлять прямолинейно, как это делалось в случае с папками. Адрес документа в href говорит, что относительно него следует задавать пути к файлам. В качестве примера рассмотрим следующую структуру файлов на сайте (рис. 1).

Рис. 1. Файлы и папки на сайте

Если задать базовый адрес как doc/index.html , тогда в файле 1.html пути к остальным файлам поменяются, как показано в примере 3.

      
 
Соседний документ
 
Вернуться на главную страницу
  

Поскольку перед doc нет дополнительных слэшей, то браузер считает, что папка doc находится в том же месте, что и файл 1.html , т.е. полный путь к базовому файлу относительно корня будет doc/doc/index.html . Не имеет значения, что в действительности такой папки и файла не существует, главное указать относительно неё путь. Поэтому в примере 3 и появляются дополнительные конструкции вида ../ . Поскольку адрес в примере фиктивный, замена doc внутри href на любое другое значение (скажем, doc123 ) не изменит путь к ссылкам.

Хотя пример 3 работоспособный, использование относительных адресов вносит путаницу, поэтому рекомендуем включать перед адресом слэш, который указывает на корень сайта (пример 4).

Пример 4. Базовый адрес относительно папки doc

      
 
Соседний документ
 
Вернуться на главную страницу
  

Конструкция /doc указывает на папку doc находящуюся в корне нашего сайта. Учтите, что адреса со слэшем впереди работают только под управлением сервера, но никак не локально.

Допустимо использовать только один базовый адрес на странице. Если ошибочно добавлено несколько с разными href , то применяется только первый, остальные игнорируются.

Атрибут target

В качестве примера рассмотрим добавление на страницу фрейма с именем frame , оно определяется атрибутом name тега . Чтобы ссылки за пределами фрейма открывались внутри него, в элементе укажем target=»frame» , как показано в примере 5.

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

Кроме использования имен допустимы следующие ключевые слова.

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

Если одновременно требуются атрибуты href и target , они объединяются в пределах одного тега:

Надо отметить, что значения _parent и _top применяются довольно редко и перешли в HTML5 по наследству из HTML4, где активно применялись фреймы.

Источник

: The Document Base URL element

The HTML element specifies the base URL to use for all relative URLs in a document. There can be only one element in a document.

A document’s used base URL can be accessed by scripts with Node.baseURI . If the document has no elements, then baseURI defaults to location.href .

Content categories	Metadata content.
Permitted content	None; it is a void element.
Tag omission	There must be no closing tag.
Permitted parents	A that doesn’t contain another element.
Implicit ARIA role	No corresponding role
Permitted ARIA roles	No role permitted
DOM interface	HTMLBaseElement

Attributes

This element’s attributes include the global attributes.

Warning: If either of the following attributes are specified, this element must come before other elements with attribute values of URLs, such as ‘s href attribute.

The base URL to be used throughout the document for relative URLs. Absolute and relative URLs are allowed.

A keyword or author-defined name of the default browsing context to show the results of navigation from , , or elements without explicit target attributes. The following keywords have special meanings:

• _self (default): Show the result in the current browsing context.
• _blank : Show the result in a new, unnamed browsing context.
• _parent : Show the result in the parent browsing context of the current one, if the current page is inside a frame. If there is no parent, acts the same as _self .
• _top : Show the result in the topmost browsing context (the browsing context that is an ancestor of the current one and has no parent). If there is no parent, acts the same as _self .

Usage notes

Multiple elements

If multiple elements are used, only the first href and first target are obeyed — all others are ignored.

In-page anchors

Links pointing to a fragment in the document — e.g. — are resolved with the , triggering an HTTP request to the base URL with the fragment attached.

Open Graph

Open Graph tags do not acknowledge , and should always have full absolute URLs. For example:

meta property="og:image" content="https://example.com/thumbnail.jpg" /> 

Examples

base href="https://www.example.com/" /> base target="_blank" /> base target="_top" href="https://example.com/" /> 

Specifications

Browser compatibility

BCD tables only load in the browser

Found a content problem with this page?

This page was last modified on Apr 13, 2023 by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Our communities

Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Источник

Base href index html

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

Время чтения: меньше 5 мин

Кратко

Скопировать ссылку «Кратко» Скопировано

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

На странице должен быть только один . Если их несколько, то применится только первый.

Пример

Скопировать ссылку «Пример» Скопировано

      head> title>Докаtitle> base href="https://ex.amp" target="_self"> head>    Скопировать Скопировано Не удалось скопировать   

Как пишется

Скопировать ссылку «Как пишется» Скопировано

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

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

Атрибут href

Скопировать ссылку «Атрибут href» Скопировано

Значение атрибута определяет нужный основной адрес.

Атрибут target

Скопировать ссылку «Атрибут target» Скопировано

Определяет, как на всём сайте будут открываться ссылки и формы:

• _self — на текущей странице (значение по умолчанию);
• _blank — в новой вкладке;
• _parent — в родительском окне;
• _top — в контексте верхнего уровня.

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

Как понять

Скопировать ссылку «Как понять» Скопировано

При создании относительных ссылок косая черта / в начале указывает, что адрес нужно строить от корневого каталога. Например, ссылка /new-page.html будет вести на страницу https://ex.amp/new-page.html.

Если же в начале относительной ссылки нет слэша, то адрес будет строиться относительно текущего каталога. Предположим, что мы находимся в каталоге about, тогда ссылка new-page.html будет вести на страницу https://ex.amp/about/new-page.html.

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

В коде ниже ссылка «архив» будет вести на страницу https://ex.amp/news/archive.html:

       
Посетить архив.  head> title>Новости Докиtitle> base href="https://ex.amp/news/index.html"> head> body> p>Посетить a href="archive.html">архивa>.p> body>    Скопировать Скопировано Не удалось скопировать   

Источник