Page 149 - Guida tascabile HTML5

L’intestazione: <header> 38
La navigazione: <nav> 39

I contenuti pertinenti: <aside> 41
Il piè di pagina: <footer> 41

Il contenuto principale 42

Strutturare al meglio il contenuto 43
Un contenuto autonomo: <article> 44
Identificare le sezioni: <section> 44

Una separazione alternativa: <hr> 47

Contenuti aggiuntivi e finestre modali 49
Dettagli per approfondire: <details> 49

Finestre modali con <dialog> 50
Il contenitore per eccellenza: <div> 51

Conclusioni 52
Capitolo 4 - Gli elementi multimediali 53

Le immagini: <img> 53

Dettagliare il contenuto: <figure> e <figcaption> 55
Interagire con le immagini: <map> e <area> 55

I contenuti audio e video con i tag <audio> e <video> 57
Il riferimento alle sorgenti: <source> 59

Sorgenti diverse per contesti diversi 60
Sottotitoli per i contenuti multimediali 60

Supportare i browser meno recenti: il fallback 61

Una superficie interattiva avanzata: <canvas> 62
Grafica vettoriale con il tag <svg> 66
Includere un intero documento HTML: <iframe> 67

Plugin di terze parti 68

Il tag <embed> 69
Il tag <object> 69

Conclusioni 70
Capitolo 5 - Gli elementi in linea 72

I link ipertestuali: il tag <a> 72

Il tag <a> e gli elementi nidificati 75
La differenza tra percorsi relativi e assoluti 75

Caratterizzazioni stilistiche: i tag <b>, <i>, <u> e <mark> 77
Porre l’accento: i tag <em> e <strong> 78

Posizione e dimensione del testo: i tag <sup>, <sub> e <small> 80