Tag PRE Html
Nel linguaggio Html il tag PRE permette di visualizzare un testo sul browser nella sua formattazione d'origine. E' composto da un tag di apertura <PRE> e di chiusura </PRE>.
<PRE>messaggio</PRE>
A cosa serve?
Il browser visualizza a video il testo così come è stato scritto.
Se nel testo sono contenuti degli spazi in bianco e de ritorni accapo ( /n ), il browser li riproduce sullo schermo senza ignorarli.
Sul browser il messaggio conserva la stessa lunghezza di testo originaria. La formattazione non viene adeguata alle dimensioni della schermata.
Un esempio pratico
Facciamo un esempio pratico:
<PRE>La classifica dei giocatori è la seguente:
Giocatore1 10 punti
Giocatore2 07 punti
Giocatore3 05 punti</PRE>
Senza la presenza del tag PRE il browser avrebbe visualizzato il testo nel seguente modo:
Al termine della seconda partita di campionato la classifica dei giocatori è la seguente: Giocatore1 10 punti Giocatore2 07 punti Giocatore3 05 punti
L'uso del tag PRE consente di rispettare la formattazione d'origine nella visualizzazione a video. L'esempio precedente è visualizzato dal browser nel seguente modo:
La classifica dei giocatori è la seguente
Giocatore1 10 punti
Giocatore2 07 punti
Giocatore3 05 punti
Il risultato è senza dubbio migliore.
L'uso del tag PRE consente di ridurre il ricorso alle tabelle nel caso di semplici formattazioni e colonne dati.
È un tag obsoleto del linguaggio ma è sempre presente nell'interprete HTML.
Conoscere la sua esistenza a volte può essere utile.
Come impostare la larghezza?
Nel tag PRE è anche possibile definire la larghezza massima del testo tramite l'attributo WIDTH.
Il browser prende in considerazione il valore dell'attributo WIDTH per applicare il ritorno a capo ed evitare di far uscire il testo al di fuori dello schermo.
Un esempio pratico
Nel seguente codice viene definita una larghezza massima di 250 pixel.
<PRE WIDTH=250px>La classifica dei giocatori è la seguente:
Giocatore1 10 punti
Giocatore2 07 punti
Giocatore3 05 punti
</PRE>
In questo modo, il browser visualizza il messaggio sempre allo stesso modo, indipendentemente dalla dimensione e dalla larghezza del monitor dell'utente.
