Il tag <BASEFONT> in Html

Il tag <basefont> del linguaggio HTML definisce le dimensioni, il colore e il tipo di font predefinito in un documento.

<basefont> </basefont>

Oggi questo tag è obsoleto perché puoi ottenere lo stesso risultato usando gli attributi font-size, font-family e color dei fogli di stile CSS.

Nota. Il tag <basefont> è stato utilizzato fino alla versione HTML 4.0 per definire la dimensione predefinita del font dei caratteri del testo che si trova all'interno del tag <body> del documento HTML. E' stato deprecato con l'HTML5. Tuttavia, è utile conoscere a cosa serviva.

La sintassi del tag è la sequente

Il tag <basefont> è composto da tre attributi

L'attributo size definisce la dimensione del carattere. Va espressa con un numero intero da 1 a 7.
Se aggiungi il simbolo + o - davanti al numero, il browser incrementa o riduce la dimensione dei caratteri rispetto al valore standard. Ad esempio, +1, -2, ecc.
L'attributo color specifica il colore che vuoi applicare ai caratteri del testo. In questo attributo devi specificare il nome del colore oppure il codice del colore (es. #00FF00).
L'attributo font indica le famiglie dei font dei caratteri che vuoi usare per visualizzare il testo. In questo attributo devi indicare la lista dei nomi di font, separati tra loro da una virgola.
Ad esempio, "arial, times, courier". Il primo nome della lista è il font principale mentre quelli che seguono sono i font alternativi da utilizzare nei browser in cui non è disponibile il font principale. Per questa ragione è preferibile indicare almeno un tipo di font comune in tutti i browser.

Ecco un esempio pratico di utilizzo del tag <basefont>

<basefont size="3", color="#00FF00", face="arial, times, courier">
<p>A questo testo si applica il font indicato dal tag</p>
</basefont>

Il tag <basefont> va inserito nella sezione <body> del documento HTML.

Ecco un esempio pratico.

<!DOCTYPE html>
<html>
<head>
<title>Titolo della pagina</title>
<basefont size="3", color="#00FF00", face="arial, times, courier">
</head>
<body>
<p>Ecco un esempio di utilizzo</p>
...
</body>
</html>

In questo esempio il tag <basefont> imposta la dimensione, il colore e il tipo di font da applicare al testo che si trova nella sezione <body> del documento.

Tuttavia, ti consiglio di non utilizzare il tag <basefont> perché è stato deprecato con l'arrivo dell'HTML5.

Oggi puoi ottenere lo stesso risultato attraverso l'utilizzo di CSS.

<!DOCTYPE html>
<html>
<head>
<title>Titolo della pagina</title>
<style>
body {
color: red;
font-family: arial, times, courier;
font-size: 13px;
}
</style>
</head>
<body>
<p>Ecco un esempio di utilizzo</p>
...
</body>
</html>

In questo modo puoi continuare a impostare la dimensione predefinita del font per il testo all'interno di un documento HTML.

Un consiglio pratico. Quando scegli la dimensione del font di un sito web devi considerare gli effetti che avrà sull'esperienza dell'utente e sulla leggibilità del testo. Se il testo è troppo piccolo, gli utenti avranno difficoltà a leggere il contenuto del sito. D'altra parte, se è troppo grande la pagina sarà difficile da navigare e il contenuto potrebbe non essere visualizzato correttamente sullo schermo. In generale, sui PC desktop la dimensione del font raccomandata per il corpo del testo di un sito web è di 16 punti. Nei dispositivi mobile come smartphone e tablet, invece, la scelta ideale dei caratteri varia a seconda della dimensione del display.