Tutti gli attributi del tag <body> che abbiamo visto finora (da eccezione dell'attributo lang) servono a modificare caratteristiche che riguardano il layout della nostra pagina HTML. Come si può vedere, con un markup di questo genere:
<body leftmargin="0"
topmargin="0"
background="imgs/sfondo00006.gif"
bgcolor="#66CCFF"
lang="it">
Il nostro testo.
</body>
il layout e il contenuto sono mischiati tra loro. Gli attributi background e bgcolor sono
addirittura deprecati nelle specifiche del W3C: significa che andranno perduti.
In un approccio di impaginazione che utilizzi i fogli di stile, l'aspetto che riguarda la visualizzazione deve essere separato dal contenuto.
Il nostro body si ridurrà quindi a qualcosa di minimale, come:
<body lang="it">
mentre le regole che indicano come visualizzare lo sfondo saranno visualizzate in una locazione separata del documento.
Le regole su come impostare lo sfondo con i CSS vengono spiegate dettagliatamente nella relativa lezione della guida ai CSS.
I fogli di stile sono estremamente potenti, e dando un'occhiata al link segnalato poco sopra si può leggere che è anche possibile fissare lo sfondo in modo che non si ripeta:
<body style="background-image: url(sfondo.gif);
background-repeat: no-repeat;" >
si tratta di una sintassi che funziona bene persino con Netscape 4.x, come si può vedere nella pagina di esempio.
Oppure è possibile "fissare lo sfondo" in modo da potervi fare scorrere sopra il contenuto della pagina. La sintassi è la seguente:
<body style="background-image: url(sfondo.gif);
background-attachment:fixed;" >
come si può vedere anche nell'esempio.
Ultimi articoli HTML/XHTML
Inserire video nelle pagine Web con HTML5Codec, compatibilità dei browser, tools, codice e best practices per... |
LungoJS: semantica HTML5 per il mobileRealizzare layout per dispositivi mobili tenendo conto della... |
Web storage, i cookies secondo HTML5Come rendere persistenti i dati con HTML5 |
HTML5, section o article? ...E il div?Cerchiamo di fare chiarezza sull'uso di questi due nuovi elementi e... |
HTML5, la validazione del codiceGli strumenti per verificare l'aderenza agli standard di pagine e... |
Guide HTML/XHTML
Guida HTML5Una guida per conoscere e applicare da subito le novità introdotte... |
Guida XHTMLXHTML è il nuovo standard per il WEB ed è la transizione verso... |
Newsletter @Daily HTML.it
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |