Page 18 - Guida tascabile HTML5

Gli attuali browser mettono a disposizione alcuni utili strumenti per lo sviluppo

web: potete prima di tutto visualizzare in qualsiasi momento il codice sorgente
HTML delle pagine che visitate. Ogni browser adotta diciture differenti, ma una

rapida consultazione dei menu disponibili vi indirizzerà nel modo corretto. Per

esempio in Mozilla Firefox trovate Strumenti > Sviluppo web > Sorgente pagina,
mentre in Google Chrome uno strumento analogo è accessibile da Visualizza >

Opzioni per sviluppatori > Visualizza sorgente.

Figura 1.3 Ogni browser mette a disposizione utili e sofisticati strumenti per

facilitare il lavoro degli sviluppatori web.

Un’altra possibilità, davvero utile e comoda, è quella di ispezionare

direttamente gli elementi che compongono la pagina visualizzata, facendo clic con
il tasto destro del mouse su uno di essi. Si avrà accesso alla visualizzazione della

struttura della pagina, con l’elemento stesso messo in evidenza: in Mozilla Firefox
la voce nel menu contestuale è Analizza elemento, mentre in Google Chrome è

Ispeziona.

Queste esperienze risultano molto utili per fare pratica, poiché orientarsi in un
markup complesso permette, passo dopo passo, di mettere in relazione il

significato semantico dei tag, il loro utilizzo e la completa indipendenza tra tale
significato e l’aspetto finale del documento.