# Base HTML: come definire un URL di base per il tuo sito web

In HTML con `<base>` si definisce l’URL di base di tutti gli URL relativi utilizzando l’attributo `href`. Il secondo attributo `target` permette di indicare dove devono essere aperti i link. Il tag `<base>`HTML viene sempre inserito all’interno dell’elemento `<head>`.

## Cos’è il tag `<base>` HTML?

Il [tag HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-html/) `<base>` definisce l’URL di base di tutti gli URL relativi di un sito web. Contiene i due [attributi HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/attributi-html/) [href](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/a-href-html/) e [target](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-target/). Per mezzo di `href` si determina l’URL che funge da **riferimento per tutti gli URL, le immagini di grafica, i fogli di stile e gli script in un documento HTML**. Questo URL di base può anche essere relativo. L’attributo `target` determina il nome della finestra in cui **aprire tutti i link**. Inoltre, con `<base>` HTML si può anche definire come devono essere aperti i link nel documento corrente.

Il tag `<base>` HTML, inserito sempre all’interno dell’elemento `<head>`, dovrebbe essere utilizzato il prima possibile nel codice. In presenza di più tag `<base>`, viene considerato esclusivamente il primo, mentre tutti gli altri vengono ignorati.

## La sintassi di `<base>` HTML

La sintassi di base del tag `<base>` HTML si presenta come segue:

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

## Esempio di funzionamento di `<base>`

### Inserire l’URL di base

Nel primo esempio, servendoci del tag `<base>` HTML, inseriamo nell’area dell’intestazione di un documento l’URL di base `https://www.paginaesempio.com`:

```html

<html>
<head>
<title>HTML: esempio tag base</title>
<base href="https://www.paginaesempio.com" />
</head>
<body>
<p>
Qui c’è il contenuto del tuo sito web.
</p>
<div class="hash d-none" hidden>hash_ce0c7afa211dffcaaffc539f75ba3321de4ee14c</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>
```

### Definire la destinazione standard di tutti gli URL

Nell’esempio che segue, con l’attributo `target` definiamo nel codice quale destinazione deve comandare tutti gli URL della pagina:

```html

<html>
<head>
<title>HTML: esempio tag base</title>
<base href="https://www.paginaesempio.com" target="_self">
</head>
<body>
<p>
Qui c’è il contenuto del tuo sito web.
</p>
<div class="hash d-none" hidden>hash_ce0c7afa211dffcaaffc539f75ba3321de4ee14c</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>
```

### Accedere all’URL di base con più link relativi

Nel terzo esempio usiamo `<base>` HTML per creare un URL di base usato come pagina iniziale da tutti i link relativi. Il codice si presenta in questo modo:

```html

<html>
<head>
<title>HTML: esempio tag base</title>
<base href="https://www.paginaesempio.com/">
</head>
<body >
<h2>Varie sottopagine</h2>
<ul>
<li><a href="/prima_sottopagina/index.htm">Prima sottopagina</a></li>
<li><a href="/prima_sottopagina/index.htm">Seconda sottopagina</a></li>
</ul>
<div class="hash d-none" hidden>hash_ce0c7afa211dffcaaffc539f75ba3321de4ee14c</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>
```

## Quali attributi supporta il tag `<base>` HTML?

Il tag `<base>` supporta solo gli attributi `href` e `target`.

- **`href`**: tramite `href` si determina l’URL di base per tutti gli URL relativi nella pagina. Il valore di questo attributo è sempre indicato sotto forma di [URL](https://www.ionos.it/digitalguide/server/know-how/url-che-cose-uno-uniform-resource-locator/). Nel nostro esempio sopra, questo valore è `https://www.paginaesempio.com`.
- **`target`**: l’attributo `target` indica in quale finestra di destinazione deve essere aperto un URL. Può avere i valori `_blank`, `_parent`, `_self` e `_top`. `_blank` apre i link in una nuova finestra, `_parent` apre i link in un frame di livello superiore, `_self` apre tutti i link nella stessa finestra e `_top` apre i link nella finestra del browser e non come frame della pagina di collegamento.

Consiglio Nella nostra Digital Guide trovi molti altri articoli informativi sull’Hypertext Markup Language. Tra l’altro sono disponibili un approfondito [tutorial su HTML per principianti](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/imparare-lhtml-lampio-tutorial-per-principianti/) e una rassegna dei migliori [editor HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/gli-editor-html/).


This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/base-html/](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/base-html/) for AI/LLM consumption.