Gdesign.it :: Come progettare siti web accessibili ed efficaci ::


Home » Html » Gestione del testo: Attributi di formattazione logica e fisica

Formattazione

di GDesign, 10 Maggio 2002

Versione StampabileDownload in pdf


I tag per la formattazione del testo si suddividono in stili fisici e stili logici. Gli stili fisici sono tag definiscono in modo univoco gli attributi grafici dei caratteri. I principali tag fisici sono:

<B>... </B>: testo in grassetto;
<I>... </I>: testo in corsivo;
<U>... </U>: testo sottolineato;
<STRIKE>... </STRIKE>: testo barrato o depennato;
<SUP>... </SUP>: testo apice;
<SUB>... </SUB>: testo pedice.

Usare il tag <U>... </U> è sconsigliabile perché un testo sottolineato può creare confusione con i collegamenti ipertestuali che solitamente appaiono sottolineati.

Gli stili logici sono tag che determinano l'aspetto del testo in base al presunto scopo della formattazione. I principali tag logici sono:

<ADDRESS>... </ADDRESS>: indirizzo per contatti, il testo viene visualizzato in corsivo;
<BLOCKQUOTE>... </BLOCKQUOTE>: citazione a blocchetto, il testo viene rientrato di circa 1 cm dal margine sinistro.
Si possono sommare più tag <BLOCKQUOTE> consecutivi per avere rientri maggiori di 1 cm.
A tal proposito bisogna sottolineare che il linguaggio HTML non permette di definire un rientro destro.
<CITE>... </CITE>: citazione, il testo viene visualizzato in corsivo;
<DFN>... </DFN>: definizione, il testo viene visualizzato in corsivo;
<KBD>... </KBD>: digitazione da tastiera, il testo viene visualizzato in carattere a spaziatura fissa;
<SAMP>... </SAMP>: testo esemplificativo, il testo viene visualizzato in carattere a spaziatura fissa;
<STRONG>... </STRONG>: rafforzamento, il testo viene visualizzato in grassetto;
<VAR>... </VAR>: variabile, il testo viene visualizzato in corsivo.

I tag logici rappresentano una soluzione elegante dal punto di vista formale, ma il loro risultato in fase di visualizzazione può variare secondo il browser dell'utente.

^Top

Dai un voto a questo articolo:   HITS: 102 | VOTI: | MEDIA VOTI:     

Home:: Html:: Principi:: How To:: Download:: Tips:: Link:: Collabora:: Partners:: News&Updates:: Contatto:: Info

© 2001 - 2006 Giuseppe Di Carlo :: Riproduzione vietata ::

Utenti on line: 2