HTML and CSS Reference
In-Depth Information
Il tag di apertura di un elemento può essere dotato di attributi , ovvero di proprietà
composte da coppie nome/valore, il cui scopo è quello di fornire informazioni aggiuntive
in grado di denotare in modo completo l'elemento a cui si riferiscono. Nell'esempio 1.1 , il
tag a include l'attributo href che permette di indicare l'indirizzo della pagina a cui il link
ipertestuale punta.
Quando un browser interpreta una pagina, esegue il parsing del markup e genera una
rappresentazione ad albero della struttura del documento HTML. Questa rappresentazione
si chiama Document Object Model (DOM) e si compone di tutti gli elementi presenti nel
markup, a partire dall'elemento root, ovvero il tag html. Questo elemento contiene a sua
volta due tag particolari:
head, che serve per aggregare i metadati relativi alla pagina (tra queste informazioni
figurano anche i meta-tag utilizzati dai motori di ricerca per l'indicizzazione). Si
tratta di informazioni che non sono visualizzate direttamente, ma sono sopratutto
impostazioni;
body, che rappresenta il corpo vero e proprio della pagina, comprensivo di tutto il
contenuto che il browser deve mostrare in fase di rendering.
I tag html, head e body sono presenti in ogni pagina (e nel relativo DOM), dal momento
che essi rappresentano gli elementi base di cui ogni documento HTML si compone.
Nell'esempio 1.1 , l'elemento head include il tag title, che permette di dare un titolo alla pa-
gina, e il tag link che, nello specifico, consente di indicare la posizione del file contenente
gli stili CSS. L' elemento body include gli altri elementi descritti in precedenza, che produ-
cono il risultato mostrato nella figura 1.2 .
Figura 1.2 - Pagina di esempio nel browser e relativo DOM.
Come possiamo notare, ciò che viene preso in considerazione per essere mostrato è solo
la parte di markup inclusa nel tag body, ad eccezione del contenuto del tag title, che soli-
Search WWH ::




Custom Search