1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
---
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><base></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><base></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><base></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_<base>">Wiele elementów <code><base></code></h3>
<p>Jeśli użyto wiele elementów <code><base></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><a href="#some-id"></code> - rozwiązywane są za pomocą <code><base></code>, wywołującego żądanie HTTP na bazowy adres URL z załączonym fragmentem.<br>
<br>
Na przykład, podając <code><base href="https://example.com"></code><br>
<br>
...i ten link: <code><a href="#anchor">Kotwica</a></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><base></code> i powinny zawsze mieć pełne bezwzględne adresy URL. Na przykład:</p>
<pre class="brush: html"><meta property="og:image" content="https://example.com/thumbnail.jpg"></pre>
<h2 id="Przykłady">Przykłady</h2>
<pre class="brush: html"><base href="https://www.example.com/">
<base target="_blank">
<base target="_top" href="https://example.com/"></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', '<base>')}}</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', '<base>')}}</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', '<base>')}}</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>
|