---
title: '<base>: Element Domyślnego URL Dokumentu'
slug: Web/HTML/Element/base
tags:
  - Element
  - HTML
  - HTML metadane dokumentu
  - 'HTML:Metadane zawartość'
  - Reference
translation_of: Web/HTML/Element/base
---
<p id="Summary">{{HTMLRef}}</p>

<p><strong>Element HTML <code>&lt;base&gt;</code></strong> określa bazowy adres URL, którego należy użyć dla wszystkich względnych adresów URL w dokumencie. W dokumencie może znajdować się tylko jeden element <code>&lt;base&gt;</code>.</p>

<p>Używany bazowy adres URL dokumentu jest dostępny z poziomu skryptów z {{domxref('document.baseURI')}}. Jeśli dokument nie zawiera żadnych elementów <code>&lt;base&gt;</code>, <code>baseURI</code> domyślnie jest ustawiony na {{domxref("location.href")}}.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories">Kategorie treści</a></th>
   <td>Zawartość metadanych.</td>
  </tr>
  <tr>
   <th scope="row">Dozwolona zawartość</th>
   <td>Brak, jest to {{Glossary("empty element", "pusty element")}}.</td>
  </tr>
  <tr>
   <th scope="row">Pominięcie znacznika</th>
   <td>Nie może być tagu zamykającego.</td>
  </tr>
  <tr>
   <th scope="row">Dozwoleni rodzice</th>
   <td>Każdy {{HTMLElement("head")}}, który nie zawiera żadnego innego elementu {{HTMLElement("base")}}.</td>
  </tr>
  <tr>
   <th scope="row">Dozwolone role ARIA</th>
   <td>Brak</td>
  </tr>
  <tr>
   <th scope="row">Interfejs DOM</th>
   <td>{{domxref("HTMLBaseElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Atrybuty">Atrybuty</h2>

<p>Atrybuty tego elementu obejmują <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Global_attributes">atrybuty globalne</a>.</p>

<p>Jeśli określono jeden z poniższych atrybutów, element ten <strong>musi</strong> występować przed innymi elementami, których wartości są URLami, takich jak atrybut <code>href</code> elementu {{HTMLElement("link")}}.</p>

<dl>
 <dt>{{htmlattrdef("href")}}</dt>
 <dd>Podstawowy adres URL, który ma być używany w całym dokumencie dla względnych adresów URL. Bezwzględne i względne adresy URL są dozwolone.</dd>
 <dt>{{htmlattrdef("target")}}</dt>
 <dd><strong>Słowo kluczowe</strong> lub <strong>zdefiniowana przez autora nazwa</strong> domyślnego kontekstu przeglądania, aby wyświetlić wynik, gdy linki lub formularze mają na celu nawigację, dla elementów {{HTMLElement("a")}} lub {{HTMLElement("form")}} bez określonego atrybutu <code>target</code>. Wartość atrybutu określa docelowy kontekst przeglądania (np. zakładka, okno lub {{HTMLElement("iframe")}}).</dd>
 <dd>Poniższe słowa kluczowe mają szczególne znaczenie:
 <ul>
  <li><code>_self</code>: Załaduj wynik do tego samego kontekstu przeglądania, co bieżący. (Jest to wartość domyślna).</li>
  <li><code>_blank</code>: Załaduj wynik do nowego, nienazwanego kontekstu przeglądania.</li>
  <li><code>_parent</code>: Załaduj wynik do nadrzędnego kontekstu przeglądania bieżącego. (Jeśli aktualna strona znajduje się wewnątrz ramki.) Jeśli nie ma rodzica, zachowuje się tak samo jak <code>_self</code>.</li>
  <li><code>_top</code>: Załaduj wynik do najwyższego konktekstu przeglądania (tzn. kontekstu przeglądania, który jest przodkiem obecnego i nie ma rodzica). Jeśli nie ma żadnego rodzica, zachowuje się tak samo jak <code>_self</code>.</li>
 </ul>
 </dd>
</dl>

<h2 id="Uwagi_dotyczące_zastosowania">Uwagi dotyczące zastosowania</h2>

<h3 id="Wiele_elementów_&lt;base>">Wiele elementów <code>&lt;base&gt;</code></h3>

<p>Jeśli użyto wiele elementów <code>&lt;base&gt;</code>, tylko pierwszy <code>href</code> i pierwszy <code>target</code> są przestrzegane - wszystkie inne są ignorowane.</p>

<h3 id="Kotwice_w_obrębie_strony">Kotwice w obrębie strony</h3>

<p>Linki wskazujące na fragment dokumentu - np. <code>&lt;a href="#some-id"&gt;</code> - rozwiązywane są za pomocą <code>&lt;base&gt;</code>, wywołującego żądanie HTTP na bazowy adres URL z załączonym fragmentem.<br>
 <br>
 Na przykład, podając <code>&lt;base href="https://example.com"&gt;</code><br>
 <br>
 ...i ten link: <code>&lt;a href="#anchor"&gt;Kotwica&lt;/a&gt;</code><br>
 <br>
 ...odsyłacz wskaże na <code>https://example.com/#anchor</code>.</p>

<h3 id="Open_Graph">Open Graph</h3>

<p>Znaczniki <a href="http://ogp.me/">Open Graph</a> nie uznają <code>&lt;base&gt;</code> i powinny zawsze mieć pełne bezwzględne adresy URL. Na przykład:</p>

<pre class="brush: html">&lt;meta property="og:image" content="https://example.com/thumbnail.jpg"&gt;</pre>

<h2 id="Przykłady">Przykłady</h2>

<pre class="brush: html">&lt;base href="https://www.example.com/"&gt;
&lt;base target="_blank"&gt;
&lt;base target="_top" href="https://example.com/"&gt;</pre>

<h2 id="Specyfikacje">Specyfikacje</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specyfikacja</th>
   <th scope="col">Status</th>
   <th scope="col">Komentarz</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Bez zmian w stosuku do najnowszej wersji.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Określono zachowanie <code>target</code></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Dodano atrybut <code>target</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Kompatybilność_z_przeglądarką">Kompatybilność z przeglądarką</h2>



<p>{{Compat("html.elements.base")}}</p>