# Kako uporabiti HTML-oznako base za opredelitev osnovnega URL-ja

HTML `<base>` se uporablja za opredelitev osnovnega URL-ja vseh relativnih URL-jev. To se opravi prek atributa `href`. Drugi atribut `target` opredeljuje, kje naj se odprejo ustrezni referenčni cilji. Oznaka HTML `<base>` je vedno shranjena znotraj elementa `<head>`.

## Kaj je oznaka HTML `<base>`?

Oznaka HTML `<base>` določa osnovni URL za vse relativne URL-je na spletni strani. Vključuje dva atributa HTML href in target.

Atribut href določa URL, ki naj bi služil kot **referenca za vse relativne URL-je, slike, stilne liste in skripte v HTML dokumentu**. Ta osnovni URL je lahko sam relativen. Atribut target določa ime okna, v katerem **naj bi se odprli** vsi **povezani cilji**. Poleg tega lahko oznaka HTML `<base>` določi, kako naj se odprejo povezave v trenutnem dokumentu.

Oznaka HTML `<base>` je vedno shranjena znotraj elementa `<head>` in jo je treba uporabiti čim prej v kodi. Če je več oznak `<base>`, se upošteva samo prva, vse ostale pa se ignorirajo.

## Kakšna je sintaksa HTML `<base>`?

Osnovna sintaksa HTML `<base>` je naslednja:

```html
<base href="URL" target="TARGET">
```

## Primeri delovanja `<base>`

### Shranjevanje osnovnega URL-ja

V prvem primeru shranimo osnovni URL `https://www.example-website.com` v glavi dokumenta z uporabo oznake HTML `<base>`:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
<div class="hash d-none" hidden>hash_71a77274f94ec6b44a022cebae37a1eebf38d84a</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

### Določanje privzete destinacije za vse URL-je

V naslednjem primeru bomo uporabili atribut `target`, da določimo, kje naj se URL-ji odprejo, ko se nanje klikne:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" target="_self">
</head>
<body>
<p>
Here’s your website content.
</p>
<div class="hash d-none" hidden>hash_71a77274f94ec6b44a022cebae37a1eebf38d84a</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

### Dostop do osnovnega URL-ja z več relativnimi povezavami

V tretjem primeru uporabimo HTML `<base>` za ustvarjanje osnovnega URL-ja, ki se uporablja kot začetna stran za vse relativne povezave. Tako izgleda koda:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com/">
</head>
<body >
<h2>Various subpages</h2>
<ul>
<li><a href="/first_subpage/index.htm">First Subpage</a></li>
<li><a href="/second_subpage/index.htm">Second Subpage</a></li>
</ul>
<div class="hash d-none" hidden>hash_71a77274f94ec6b44a022cebae37a1eebf38d84a</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

## Katere atribute podpira oznaka HTML `<base>`?

Oznaka `<base>` podpira samo atribute `href` in `target`.

- **`href`**: Osnovni URL za vse relativne URL-je na strani se določi prek `href`. Vrednost tega atributa je vedno navedena v obliki URL-ja. V zgornjih primerih je ta vrednost `https://www.example-website.com`.
- **`target`**: Atribut `target` določa, v katerem oknu naj se URL odpre. Lahko ima vrednosti `_blank`, `_parent`, `_self` in `_top`. `_blank` odpre povezavo v novem oknu, `_parent` odpre povezavo v okviru višje ravni, `_self` odpre povezavo v istem oknu in `_top` odpre povezavo v oknu brskalnika, pri čemer nadomesti povezano stran, namesto da jo prikaže kot okvir znotraj strani.

Tip V našem digitalnem vodniku najdete več informativnih člankov o HTML. Med drugim boste našli izčrpen tutorial za začetnike ter pregled najboljših HTML urejevalnikov.


This is a markdown version of: [https://www.ionos.com/sl-si/digitalguide/spletne-strani/razvoj-spletnih-strani/osnova-html/](https://www.ionos.com/sl-si/digitalguide/spletne-strani/razvoj-spletnih-strani/osnova-html/) for AI/LLM consumption.