Si dicono logici (o semantici) quegli elementi del linguaggio HTML il cui scopo è quello di individuare blocchi di testo che rappresentano parti aventi funzioni logiche distinte. Per esempio <p> è un tag logico, in quanto individua una porzione di testo che ha il significato di un paragrafo.
E' importante osservare che gli elementi logici non specificano in quale modo il browser dovrà visualizzare quel certo elemento. Per esempio il fatto di identificare una porzione di testo come "paragrafo" non implica il tipo di carattere, il colore del testo o le sue dimensioni. Tutte queste informazioni non sono fornite e pertanto, in linea di principio, ogni browser potrebbe visualizzare i paragrafi in modo diverso.
L'idea centrale è che gli elementi logici specificano la semantica, cioè il significato del testo, non la sua visualizzazione.
I principali elementi logici sono:
| Elemento | Descrizione |
| <p> | Paragrafo |
| <h1>, <h2>, <h3> | Intestazioni di diverso livello |
| <img> | Inserisce un'immagine |
| <li> | Lista |
| <a> | Ancora o link |
| <strong> | Testo in forte evidenza (normalmente in grassetto) |
| <em> | Testo in evidenza (normalmente in corsivo) |
Per fare ancora qualche esempio, h1 indica che quella porzione di testa va considerata come un titolo primario, cioè che ha una certa rilevanza all'interno della pagina. Ciò non implica però che quel titolo debba essere visualizzato in grassetto e con un certo tipo di carattere.
Allo stesso modo strong indica una porzione di testo che deve essere messa in evidenza. In linea di principio, esso non fornisce però indicazioni su come il browser lo dovrà visualizzare. Anche se in pratica tutti i browser visivi usano il grassetto, per un utente ipovedente che navighi con un browser vocale, il grassetto non avrebbe nessun significato, mentre strong fornisce invece una indicazione utile (il browser potrebbe leggere per esempio il testo corrispondente a voce più alta).
Si dicono di visualizzazione (o di formattazione), quegli elementi del linguaggio HTML il cui scopo è quello di specificare in quale modo deve essere visualizzata una porzione di testo. Un semplice esempio di elemento di visualizzazione è il tag <center>. Il suo uso è
<center> Questa è una frase che si vuole allineare al centro </center>
e l'effetto è quello di centrare nella pagina una porzione di testo.
Si noti la differenza fra i tag logici (che indicano il significato del testo, ma non la sua visualizzazione) e i tag di visualizzazione, i quali invece indicano al browser in quale modo visualizzare un testo. Ecco qui un elenco di alcuni tag di visualizzazione:
| Elemento | Descrizione |
|---|---|
| <center> | centra un testo |
| <font> | permette di decidere il tipo di carattere usato |
| <strike> | barrato |
| <u> | sottolineatura |
| <b> | grassetto (bold) |
| <i> | corsivo (italic) |
Si osservi che <b> e <i> sono deprecati mentre <strong> e <em> non lo sono, sebbene l'effetto visivo, sui browser attuali, sia esattamente uguale: rispettivamente grassetto e corsivo. La differenza è che <strong> e <em> non specificano direttamente il formato del testo, ma solo la sua importanza, mentre <b> e <i> sono tag di visualizzazione veri e propri.
In origine l'HTML non conteneva tag di visualizzazione: questi sono stati aggiunti in seguito, quando internet è diventata (negli anni 90) un fenomeno di massa e quando è nata di conseguenza la necessità di creare siti che assomigliassero graficamente a "pagine stampate", cioè con colori, effetti grafici, tipi di caratteri diversi eccetera. L'introduzione di questi elementi ha portato a siti a volte piacevoli a vedersi, ma spesso non visualizzabili in modo corretto su computer diversi o su browser differenti. Inoltre, con l'introduzione degli elementi di visualizzazione, il numero di tag del linguaggio HTML è cresciuto esponenzialmente, portando a una notevole confusione.
Questa situazione è stata sanata con la versione 4.01 del linguaggio HTML, la quale stabilisce che tutti gli elementi di visualizzazione sono deprecati, ovvero il loro uso è fortemente sconsigliato e probabilmente in futuro verrà abolito totalmente. In sostituzione, il controllo della visualizzazione di una pagina deve essere effettuata con i fogli di stile, di cui parleremo in seguito.
Vi sono tuttavia alcuni elementi di visualizzazione che non sono deprecati nello standard 4.01. Si tratta di
| Elemento | Descrizione |
| <br> | Introduce un'andata a capo in un testo |
| <hr> | Introduce una linea di separazione orizzontale |
Inoltre non è deprecato l'elemento <table> per la realizzazione di tabelle, ma il suo uso è raccomandato solo per tabulare dati e non per ordinare gli elementi su una pagina html.
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
