Utilizzo del Tag base in Html

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Html

Pensare di realizzare la struttura di una pagina Web col solo utilizzo del linguaggio Html è una scelta in partenza sbagliata, grazie all'utilizzo dei fogli di stile Css possiamo snellire, velocizzare e migliorare il nostro lavoro, tuttavia a volte capita di dover realizzare, per un motivo o per un altro, pagine di una certa semplicità e potremmo prenderci il "lusso" di non ricorrere ai Css: anche in questo caso possiamo snellire e migliorare il nostro lavoro, in questo articolo vedremo come.

Il Tag <base> ci permette di agire in questo senso su alcune componenti della pagina, come ad esempio la dimensione del testo ed il carattere, con i link, con il target di indirizzamento verso un frame o una nuova finestra, ecc...

Il Tag <base> va incluso nell'header della pagina in questione e può essere facoltativamente chiuso tra il Tag </body> ed il Tag </html>, iniziamo con un primo esempio, formattiamo per default la dimensione del testo ed il suo carattere:

<html>
 <head>
  <title>lukeonweb.net</title>
  <basefont size="2" face="Verdana">
<body>

<p>Testo della pagina ... ... ...</p>

</body>
</basefont>
</html>
Attenzione: l'utilizzo di <basefont> non avrà effetto sui testi contenuti all'interno di una tabella Html per quanto riguarda il size del testo, bisognerà specificarlo per singola cella oppure, a questo punto, ricorrere solo per questa sottigliezza ai Css.

Vediamo adesso come lavorare con i link e risparmiare tempo e fatica, supponiamo che si voglia da un sito qualsiasi, ad esempio www.quellochesia.it, creare una pagina con soli link verso questo sito, quindi www.lukeonweb.net, dovremmo per ogni singolo link inserire la URL assoluta del sito esterno (documentazione sugli argomenti URL assolute e relative sono reperibili nel manuale di Html del sito).

Mediante l'utilizzo di <base> possiamo snellire il lavoro, vediamo un esempio:
<html>
 <head>
  <title>quellochesia.it</title>
  <base href="http://www.lukeonweb.net/">
<body>

<p>
   <a href="html/trucchi/trucco_06.asp">
      LINK VERSO LUKEONWEB.NET
   </a>
</p>

</body>
</base>
</html>
Possiamo in questo modo raggiungere la URL assoluta di un sito esterno utilizzando nel link il percorso assoluto, come se il file da raggiungere fosse presente sullo stesso server Web.

Allo stesso modo è possibile impostare il target di un link verso un determinato frame o verso un'altra finestra del browser:
<html>
 <head>
  <title>quellochesia.it</title>
  <base target="_blank">
<body>

<p>
   <a href="index.htm">
      Apri in una nuova finestra
   </a>
</p>

</body>
</base>
</html>
In questo modo è possibile aprire tutti i file di una pagina Web in una nuova finestra senza dover utilizzare in tutti i link

<a href="index.htm" target="_blank">

I più cliccati della sezione Html

:: Impedire ad un testo di andare a capo in Html (34.443)

:: Le tabelle Html (31.276)

:: Formattazione del testo in Html (25.434)

:: Referenze dei Tag Html (19.109)

:: Creare tabelle con i bordi curvi (18.007)

:: Guida XHTML (16.408)

:: Struttura di un file Html (15.041)

:: Inserire un'icona nella barra degli indirizzi di MSIE (13.687)

:: Inserire le immagini in una pagina Html (11.123)

:: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (10.960)

IN EVIDENZA
DOWNLOAD