Struttura HTML — Informatica, 11–13

Come una pagina web indica che cos’è ogni parte del suo contenuto. Informatica, 11–13 anni.

Idea

HTML dà a una pagina web una struttura che il browser può capire. I suoi tag indicano ruoli come titolo, paragrafo, collegamento o immagine, invece di descrivere solo l’aspetto delle lettere. Il browser legge questa struttura e la trasforma nella pagina che vedi, mentre altri strumenti possono usare lo stesso significato.

Perché

Una pagina fatta solo di istruzioni visive è difficile da interpretare per browser, motori di ricerca e lettori di schermo. HTML è nato per condividere documenti tra computer diversi mantenendo una struttura significativa. Separare la struttura dalla decorazione rende anche più facile adattare una pagina a un telefono, a uno schermo grande o alla lettura vocale.

Esempio svolto

Per creare una piccola pagina, inizia mettendo un tag titolo attorno a «Il mio giardino». Aggiungi un tag paragrafo attorno a «Ci sono tre girasoli aperti». Poi aggiungi un tag collegamento con parole come «Vedi la mappa» e un indirizzo di destinazione. Il browser mostrerà un titolo, testo normale e un collegamento cliccabile con i ruoli corretti.

Errore comune

Un errore comune e comprensibile è usare un tag titolo solo perché rende il testo più grande. Sembra sensato se guardi al risultato visibile, ma un titolo comunica anche agli strumenti che il testo è il nome di una sezione importante. Usa la struttura per il significato e gli stili per controllare dimensione, colore e spazio.

Dove compare

HTML è la struttura che sta sotto pagine di notizie, negozi online, siti scolastici e pagine di giochi. I motori di ricerca usano titoli e collegamenti per capire il contenuto, mentre i lettori di schermo usano quei ruoli per leggere la pagina in un ordine utile. Puoi esaminare questa struttura negli strumenti per sviluppatori del browser.

Continua a esplorare

Altre lingue

Caricamento di MyLeoNes™…