# Kuidas kasutada HTML-i baasmärgist baas-URL-i määratlemiseks

HTML `<base>` kasutatakse kõigi suhteliste URL-ide baas-URL-i määratlemiseks. Seda tehakse atribuudi `href` abil. Teine atribuut `target` määrab, kus vastavad viited avatakse. HTML `<base>` silt salvestatakse alati elemendi `<head>` sees.

## Mis on HTML `<base>` -märge?

HTML-märge `<base>` määrab veebisaidi kõikide suhteliste URL-ide baas-URL-i. See sisaldab kahte HTML-atribuutide href ja target.

Href-atribuut määrab URL-i, mis peaks olema **viiteks kõikidele suhtelistele URL-idele, piltidele, stiililehtedele ja skriptidele HTML-dokumendis**. See baas-URL võib ise olla suhteline. Target-atribuut määrab akna nime, kus kõik **lingitud sihtkohad peaksid avanema**. Lisaks võib `<base>` määrata, kuidas lingid praeguses dokumendis peaksid avanema.

HTML `<base>` salvestatakse alati `<head>` sisse ja seda tuleks kasutada koodis võimalikult varakult. Kui on mitu `<base>`, võetakse arvesse ainult esimest ja kõik ülejäänud jäetakse tähelepanuta.

## Mis on HTML `<base>` süntaks?

HTML `<base>` põhiline süntaks on järgmine:

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

## Näited selle kohta, kuidas `<base>` töötab

### Põhi-URL-i salvestamine

Esimeses näites salvestame baas-URL-i `https://www.example-website.com` dokumendi päisealasse, kasutades HTML-i `<base>` -märki:

```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_8f7963ad29ac549497a21755c82eb6128e81c8fb</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õigi URL-ide vaikimisi sihtkoha määramine

Järgmises näites kasutame atribuuti `target`, et määrata, kus URL-id peaksid avanema, kui neile klõpsatakse:

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

### Mitme suhtelise lingiga baas-URL-ile juurdepääs

Kolmandas näites kasutame HTML `<base>`, et luua baas-URL, mida kõik suhtelised lingid kasutavad algusleheküljena. Kood näeb välja järgmine:

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

## Milliseid atribuute toetab HTML `<base>` -märge?

`<base>` toetab ainult atribuute `href` ja `target`.

- **`href`**: Kõigi lehel olevate suhteliste URL-ide baas-URL määratakse kindlaks `href`. Selle atribuudi väärtus on alati määratud URL-i vormis. Eespool toodud näidetes on selle väärtus `https://www.example-website.com`.
- **`target`**: `target` atribuut määrab, millises aknas URL avatakse. Selle väärtused võivad olla `_blank`, `_parent`, `_self` ja `_top`. `_blank` avab lingi uues aknas, `_parent` avab lingi kõrgemal tasemel raamis, `_self` avab lingi samas aknas ja `_top` avab lingi brauseriaknas, asendades lingitud lehe, mitte kuvades seda raamina lehe sees.

Tip Meie digitaalsest juhendist leiate rohkem informatiivseid artikleid HTML-i kohta. Muu hulgas leiate seal põhjaliku algajate juhendi ning ülevaate parimatest HTML-redaktoritest.


This is a markdown version of: [https://www.ionos.com/et-ee/digitalguide/veebisaidid/veebiarendus/html-baas/](https://www.ionos.com/et-ee/digitalguide/veebisaidid/veebiarendus/html-baas/) for AI/LLM consumption.