# Kā izmantot HTML bāzes tagu, lai definētu bāzes URL

HTML `<base>` tiek izmantots, lai definētu visu relatīvo URL bāzes URL. Tas tiek veikts, izmantojot atribūtu `href`. Otrais atribūts `target` definē, kur atvērt attiecīgos atsauces mērķus. HTML `<base>` tagu vienmēr glabā `<head>` elementā.

## Kas ir HTML `<base>` tag?

HTML tag `<base>` nosaka bāzes URL visiem relatīvajiem URL vietnē. Tas ietver divus HTML atribūtus href un target.

Href atribūts norāda URL, kas jāizmanto kā **atsauce visiem relatīvajiem URL, attēliem, stilu lapām un skriptiem HTML dokumentā**. Šis bāzes URL pats par sevi var būt relatīvs. Target atribūts definē loga nosaukumu, kurā **jāatver** visi **saistītie mērķi**. Turklāt HTML `<base>` tagā var norādīt, kā jāatver saites pašreizējā dokumentā.

HTML `<base>` tagu vienmēr glabā `<head>` elementā, un to vajadzētu izmantot pēc iespējas agrāk kodā. Ja ir vairāki `<base>` tagi, ņem vērā tikai pirmo, bet pārējie tiek ignorēti.

## Kāda ir HTML `<base>` sintakse?

HTML `<base>` pamata sintakse ir šāda:

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

## Piemēri, kā darbojas `<base>`

### Bāzes URL saglabāšana

Pirmajā piemērā mēs uzglabājam bāzes URL `https://www.example-website.com` dokumenta galvenes daļā, izmantojot HTML `<base>` tagu:

```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_4dad5ce2d7af54d8fa0a10a3d24f7e3e83a0eb06</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>
```

### Noklusējuma galamērķa definēšana visiem URL

Nākamajā piemērā izmantosim atribūtu `target`, lai norādītu, kur jāatver URL, kad uz tiem noklikšķina:

```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_4dad5ce2d7af54d8fa0a10a3d24f7e3e83a0eb06</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>
```

### Piekļuve bāzes URL ar vairākiem relatīviem saitiem

Trešajā piemērā mēs izmantojam HTML `<base>`, lai izveidotu bāzes URL, kas tiek izmantots kā sākuma lapa visām relatīvajām saitēm. Šādi izskatās kods:

```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_4dad5ce2d7af54d8fa0a10a3d24f7e3e83a0eb06</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>
```

## Kādas atribūtas atbalsta HTML `<base>` tag?

`<base>` tag atbalsta tikai atribūtus `href` un `target`.

- **`href`**: Visas relatīvās URL lapas pamat-URL tiek noteikta ar `href`. Šī atribūta vērtība vienmēr tiek norādīta URL formā. Iepriekš minētajos piemēros šī vērtība ir `https://www.example-website.com`.
- **`target`**: `target` atribūts norāda, kurā logā jāatver URL. Tam var būt vērtības `_blank`, `_parent`, `_self` un `_top`. `_blank` atver saiti jaunā logā, `_parent` atver saiti augstāka līmeņa rāmī, `_self` atver saiti tajā pašā logā un `_top` atver saiti pārlūkprogrammas logā, aizstājot saites lapu, nevis parādot to kā rāmi lapas ietvaros.

Tip Mūsu digitālajā ceļvedī Jūs atradīsiet vairāk informatīvu rakstu par HTML. Starp citu, Jūs atradīsiet visaptverošu iesācēju apmācību, kā arī pārskatu par labākajiem HTML redaktoriem.


This is a markdown version of: [https://www.ionos.com/lv-lv/digitalguide/timekla-vietnes/timekla-izstrade/html-baze/](https://www.ionos.com/lv-lv/digitalguide/timekla-vietnes/timekla-izstrade/html-baze/) for AI/LLM consumption.