4 Creare contenuti per il web - Andrea Giachetti

66
Gli elementi definiscono il “significato” da attribuire alle varie sezioni del testo (ad esempio che
una parte corrisponde a un titolo, una a una tabella, ecc.). Ogni elemento è contraddistinto da un
cosiddetto “tag” di apertura, con il nome dell'elemento circondato dai simboli < e >, ad esempio
e da un corrispondente tag di chiusura, identico a parte il simbolo “/”, es. .
Tutto ciò che è compreso tra i due tag (testo o altri elementi) viene interpretato come facente
parte della struttura indicata dal nome.
All'interno del tag di apertura, si possono indicare eventuali attributi e valori che possono
caratterizzare l'elemento (es. dimensione di una tabella, indirizzo di un collegamento
ipertestuale, URL di un immagine da inserire, ecc.). Vedremo meglio in seguito la sintassi, ma
in pratica ogni elemento è caratterizzato da un insieme ben definito di attributi che possono
assumere soltanto determinati valori.
Non tutti gli elementi da marcare, però, implicano la presenza di testo o altri elementi
all'interno, esistono anche i cosiddetti “elementi vuoti”, come per esempio “img”, che contiene
attributi e valori che indicano file e formattazione di un immagine da inserire e non include
testo:
Nel primo HTML gli elementi vuoti avevano solo il tag di apertura e non quello di chiusura. In
XHTML la chiusura dei tag è invece obbligatoria, e deve essere effettuata scrivendo
esplicitamente il tag di chiusura () o utilizzando la forma abbreviata
equivalente , come nell'esempio sopra.
Un altra regola resa più rigorosa in XHTML è quella relativa all'annidamento: teoricamente se
un tag si apre all'interno di un altro, vuol dire che è in relazione di discendenza da esso
(“figlio”) e deve essere del tutto contenuto in esso, quindi il tag di chiusura del figlio deve
essere inserito prima di quello del padre. HTML tuttavia tollerava annidamenti scorretti, del
tutto proibiti in XHTML. Altre differenze tra HTML e XHTML sono l'obbligo in XHTML di
utilizzare le lettere minuscole per i nomi degli attributi (, non !), l'obbligo
delle virgolette per i valori degli attributi, l'obbligo di inserire un valore per ogni attributo (cosa
non necessaria in HTML, ove si potevano avere casi come test).
Al di là delle lievi variazioni e della differente rigidità sintattica, l'utilizzo dei principali
elementi è sostanzialmente invariato nelle ultime versioni di HTML e XHTML.
Gli elementi di (X)HTML possono essere inline o block-level. Gli elementi inline denotano
oggetti che si inseriscono all'interno del flusso del testo (senza andare a capo) e devono quindi
contenere all'interno solo testo od altri elementi inline, come (testo enfatizzato) e
il già visto :
...pippo......
Gli elementi block-level invece denotano oggetti a sé stanti, separati dal flusso del testo, che in
assenza di opzioni di posizionamento vengono separati andando a capo prima e dopo, es.:
(paragrafo), (divisione di testo), (tabella)
ecc. Una categoria a parte di elementi riguarda le liste, che si comportano in modo particolare e