Lezione 6 - Corso Avanzato Html

Base URL in Html


Base URL

<Base> (base) è un tag che va messo direttamente <head> ed è autoconclusivo.

Con il tag <base> possiamo specificare il percorso da seguire per tutti i collegamenti relativi (ma può essere anche un percorso assoluto) inseriti all'interno della pagina corrente che abbiano lo stesso percorso iniziale di cartella in cartella, fuorché il file finale. Così facendo ci risparmiamo di scrivere ogno volta tutto il percorso per intero.

Nell'esempio che vediamo sotto (quelli che vedete, sono solo miei collegamenti interni, sono solo a scopo dimostrativo), questo è stato fatto per i primi 2 collegamenti, il terzo collegamento l'ho lasciato per far vedere la differenza lasciando il percorso completo.

Mentre l'ultimo collegamento quello a google (percorso assoluto) non obbedisce al tag <base> ma funziona benissimo lo stesso, come tutti gli altri collegamenti.

Vediamolo nel codice:
<!DOCTYPE html>
<html>                      
 <head>			    
  <title>Base URL</title>
  <meta charset="utf-8">
  <base href="../Corso Intermedio html/" target="_blank">
 </head>
 <body>			    
   <h1>Base URL</h1>
   <h3>Impostazione della pagina</h3>
   <p><a href="L I 3-1 Elenchi non ordinati.html">Vai alla pagina 1<a></p>
   <p><a href="L I 3-2 Elenchi ordinati.html">Vai alla pagina 2<a></p>
   <p><a href="../Corso Intermedio html/L I 3-3 Elenchi o liste annidati.html" target="_blank">Vai alla pagina 3<a></p
   <p><a href="http://www.google.it">Vai su Google</a></p>
 </body>                
</html>