1 e Sono due elementi generici, DIV sta per division ed è un elemento a blocco; SPAN è un generico elemento in linea. I div (e gli span) possono essere.

Presentazione sul tema: "1 e Sono due elementi generici, DIV sta per division ed è un elemento a blocco; SPAN è un generico elemento in linea. I div (e gli span) possono essere."— Transcript della presentazione:

1 1 e Sono due elementi generici, DIV sta per division ed è un elemento a blocco; SPAN è un generico elemento in linea. I div (e gli span) possono essere annidati div e span si utilizzano con id, style e class e permettono una suddivisione più razionale del documento

2 2 Pagine a FRAME E' possibile dividere lo spazio della finestra del browser in tante sottofinestre, ognuna delle quali può contenere un documento. In questo caso la finestra principale ospiterà un documento html particolare, dove al posto del consueto viene dichiarata la struttura Gli attributi cols= e/o rows= permettono di dimensionare le varie sottofinestre. Viene utilizzata una lista di misure (in pixel o in percentuale o con *) Ogni sottofinestra viene indicata con il tag Il parametro src= indica il percorso della pagina. Il parametro name= viene usato dal target del tag

3 3 Strutture di FRAME L'intera finestra del browser può essere divisa in varie righe (attributo rows=) oppure in varie colonne (cols=), oppure contemporaneamente in righe e colonne. <frame name="centro" src="http://www.lasentinella.it">

4 4 Strutture di FRAME <frame name="quattro" src="http://www.ilsole24ore.com"> E' possibile sostituire un frame con un'intera struttura frameset (frame annidati) creando configurazioni a T

5 5 Attributi di e è possibile specificare la possibilità di variare le proporzioni tra una finestra e l'altra resize, bordi, margini e barre di scorrimento <FRAMESET frameborder="YES|NO" border="n" bordercolor="rgb"> <FRAME scrolling="YES|NO|AUTO" marginwidth="pixel" marginheight="pixel" noresize>

6 6 I frames: quando e perchè Le pagine contenute nei frame sono difficilmente indicizzabili Quand'anche siano indicizzate dai motori di ricerca, difficilmente si può ricreare la struttura originaria. Nella barra rimane fisso l'indirizzo Non tutti i browser leggono i frames E' un metodo molto veloce per integrare dei contributi (per chi produce, non per chi naviga) Il W3C ne sconsiglia l'uso

7 7 IFrame - inLine Frame Esiste un modo più semplice di lavorare cin i frame, non supportato da tutti i browser. Il tag consente di creare in un punto qualsiasi della pagina un frame, semplicemente specificando nome, altezza e larghezza Questo è un esempio di iframe

8 8 …verso l'HTML 5 Utilizzo di tag descrittivi al posto di generici,,,,,,,,,, … Utilizzo di area "grafica" programmabile Form più evoluti: –type="email,url,date,number,range,…." –autofocus –required placeholder="…." tag e