XHTML: Elementi blocco e inline
Una pagina HTML è, in sintesi, un insieme di rettangoli che si dispongono in certo modo sul monitor. Ciascuno dei rettangoli di una pagina HTML è contraddistinto da un elemento (o tag) blocco. Un elemento blocco è quindi un box che può contenere altri elementi blocco, oppure elementi non blocco, detti anche elementi inline. Quando un elemento blocco viene inserito in una pagina Web, in essa si crea automaticamente una nuova riga.
Gli elementi inline, invece, sono elementi che non interrompono il flusso di testo e immagini, ossia non danno origine a una nuova linea. In generale, va ricordato che gli elementi inline non possono contenere al loro interno elementi blocco, ma solo altri elementi inline.
Fra gli elementi blocco, si possono annoverare:
- I titoli (tutti i tag <h>, da <h1> a <h7>)
- I paragrafi (<p>)
- Le liste puntate e numerate (<ul> e <ol>)
- Le sezioni di testo (<div>)
- Le tabelle (<table>)
Una lista completa di tutti gli elementi blocco definiti in XHTML può essere consultata a questo indirizzo.
I paragrafi, in particolare, definiscono blocchi di testo separati, l'uno dall'altro, da uno spazio consistente. All'interno di un paragrafo possono però essere inserite delle interruzioni di linea, marcate dal tag <br />, che rappresenta un'eccezione alla struttura consueta di XHTML, perché è un elemento che non ha tag di chiusura. Poiché, però in XHTML non possono esistere elementi privi di chiusura, deve essere usata, nel tag di apertura, la chiusura implicita, marcata dallo slash in finale di tag di apertura (si ha quindi <br /> e non <br>). Si noti infine che, in questa particolare circostanza HTML e XHTML differiscono, poiché in HTML non è consentito l'uso delle chiusure implicite (in HTML, infatti <br /> è un errore).
Fra gli elementi inline, si trovano invece tutti i tag più strettamente connessi con la formattazione del testo, tra cui:
- <strong>, che mostra il testo in grassetto.
- <em> che mostra il testo in corsivo