In HTML con <base> si definisce l’URL di base di tutti gli URL relativi uti­liz­zan­do 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 <base> definisce l’URL di base di tutti gli URL relativi di un sito web. Contiene i due attributi HTML href e target. Per mezzo di href si determina l’URL che funge da ri­fe­ri­men­to 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 uti­liz­za­to il prima possibile nel codice. In presenza di più tag <base>, viene con­si­de­ra­to esclu­si­va­men­te il primo, mentre tutti gli altri vengono ignorati.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Di­spo­ni­bi­li­tà garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • As­si­sten­za 24/7 in lingua italiana

La sintassi di <base> HTML

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

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

Esempio di fun­zio­na­men­to di <base>

Inserire l’URL di base

Nel primo esempio, ser­ven­do­ci del tag <base> HTML, inseriamo nell’area dell’in­te­sta­zio­ne di un documento l’URL di base https://www.paginaesempio.com:

<!DOCTYPE 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>
</body>
</html>
html

Definire la de­sti­na­zio­ne standard di tutti gli URL

Nell’esempio che segue, con l’attributo target definiamo nel codice quale de­sti­na­zio­ne deve comandare tutti gli URL della pagina:

<!DOCTYPE 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>
</body>
</html>
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:

<!DOCTYPE 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>
</body>
</html>
html
Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

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. Nel nostro esempio sopra, questo valore è https://www.paginaesempio.com.
  • target: l’attributo target indica in quale finestra di de­sti­na­zio­ne 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 col­le­ga­men­to.
Consiglio

Nella nostra Digital Guide trovi molti altri articoli in­for­ma­ti­vi sull’Hypertext Markup Language. Tra l’altro sono di­spo­ni­bi­li un ap­pro­fon­di­to tutorial su HTML per prin­ci­pian­ti e una rassegna dei migliori editor HTML.

Vai al menu prin­ci­pa­le