Proprietà href di base HTML

Tag HTML <base>

Definizione e uso

href L'attributo stabilisce l'URL di base per tutti gli URL relativi della pagina.

Spiegazione

L'elemento base può essere utilizzato per impostare un URL di base, in modo che i link relativi all'interno del documento HTML vengano analizzati su questa base.

I link relativi omittono la parte del protocollo, dell'host e del porto dell'URL, e devono essere determinati in base a un altro URL (sia l'URL specificato in base, sia l'URL del documento corrente) per ottenere la sua forma completa.

href L'attributo specifica l'URL di base da utilizzare per analizzare gli URL relativi della parte successiva del documento.

Esempio

Esempio 1

Stabilisce un URL di base per tutti gli URL relativi della pagina:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>Proprietà base href</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

Prova a farlo tu stesso

Esempio di spiegazione

In questo esempio, l'URL di base è impostato su https://www.codew3c.com/i/photo/. www.codew3c.com è il dominio dell'host, mentre /i/photo/ è la directory sul server che contiene i file delle immagini.

Nella parte posteriore del documento c'è un elemento img utilizzato per citare un'immagine, che utilizza l'URL relativo flower.png. Quando il browser carica l'immagine, unisce l'URL di base e l'URL relativo per ottenere l'URL completo:

https://www.codew3c.com/i/photo/flower.png

Esempio 2

Stabilisce un URL di base per tutti gli URL relativi della pagina:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Proprietà base href</h1>
<a href="html_basic.asp">Fondamenti HTML</a>
</body>
</html>

Prova a farlo tu stesso

Esempio di spiegazione

In questo esempio, l'URL di base è impostato su https://www.codew3c.com/html/. www.codew3c.com è il dominio dell'host, mentre /html/ è la directory sul server che contiene i file delle immagini.

Nella parte posteriore del documento c'è un elemento a utilizzato per generare link, che utilizza l'URL relativo html_basic.asp. Quando l'utente fa clic su questo hyperlink, il browser unisce l'URL di base e l'URL relativo per ottenere l'URL completo:

https://www.codew3c.com/html/html_basic.asp

Suggerimento

Se non si utilizza l'elemento base o non si imposta un URL di base utilizzando l'attributo href, il browser considererà l'URL del documento corrente come base per la risoluzione di tutti gli URL relativi.

Ad esempio, supponiamo che il browser carichi un documento da https://www.codew3c.com/js/index.asp questo URL, nel documento c'è un collegamento ipertestuale che utilizza l'URL relativo html_basic.asp, allora quando si fa clic su questo collegamento il browser tenterà di caricare il secondo documento dall'URL assoluto https://www.codew3c.com/js/html_basic.asp.

Sintassi

<base href="URL">

Valore dell'attributo

Valore Descrizione
URL URL assoluto che agisce come URL di base (ad esempio, "http://www.example.com/").

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Tag HTML <base>