HTML 4
HTML 4
Le linee-guida che hanno regolato lo sviluppo dell'Html 4.0 sono le seguenti:
* PC accessibility - maggiore attenzione allo sviluppo di pagine accessibili anche ai disabili (es. scritte per browser vocali per i non vedenti)
* media dependent - diffusione di piattaforme di navigazione differenti dalla classica postazione multimediale (palmari, cellulari etc) che richiedono pagine preparate in modo adeguato/dedicato
* internazionalizzazione - possibilità di scrivere pagine in qualsiasi linguaggio
* necessità separare la grafica dal contenuto del documento in modo "logico" (cfr la differenza tra <H1> e <I><B><FONT>)
Tutto questo ha causato l'implementazione in Html dei seguenti comandi:
* ulteriore sviluppo dei fogli di stile per rendere un documento maggiormente leggibile e invitante
* maggiore controllo sulle tabelle: possibilità di renderle dinamicamente (senza aspettare l'intera mole di dati)
* inline frame
* alcuni comandi per il formato dei caratteri

Pagina attualmente visualizzabile da Internet Explorer 5.0


* LE TABELLE

Sono previsti tre nuovi attributi del comando TABLE

* <SUMMARY="descrizione">
riporta un breve riassunto dello scopo e del contenuto della tabella per gli eventuali browser non visuali
* <FRAME="parte": specifica quale parte del bordo della tabella rendere:
* VOID: nessuna parte (valore default)
* ABOVE: la parte alta
* BELOW: la parte bassa
* HSIDES: entrambe
* VSIDES: i lati destro e sinistro
* LHS: il lato sinistro
* RHS: il lato destro
* BOX: tutta la tabella
* BORDER: tutta la tabella

*<RULES="linee">: specifica quali linee compaiono tra le celle:
* NONE: nessuna (come con BORDER=0)
* GROUP: solo per dividere i gruppi di righe (resi da THEAD TFOOT e TBODY) e i gruppi di colonne (resi da COLGROUP e COL)
* ROWS: tra le righe
* COLS: tra le colonne
* ALL: in tutta la tabella
<TABLE summary="prova nuovi attributi" frame="vsides" rules="cols">
...
</TABLE>
1 2 3
4 5 6
7 8 9
<TABLE border="2" frame="hsides" rules="groups" >
<COLGROUP align="left">
<COLGROUP align="center" span="2">
<COLGROUP align="center" span="3">
<THEAD valign="top"><TR>...</TR></THEAD>
<TBODY><TR>...</TR></TBODY>
<TBODY><TR>...</TR></TBODY>
</TABLE>
ELEMENTI IN HTML
Elemento Netscape Internet Explorer Html 1 Html 3 Html 4
FormsXXXXX
FrameXXXX
StiliXXX
BDOX
BLINKX
LAYERX
MARQUEEX
È possibile dividere le colonne in gruppi tramite:
* gruppi di righe
* THEAD contiene le informazioni di inizio tabella
* TFOOT contiene le informazioni di fine tabella: va messo prima di TBODY
possono essere ripetuti nel caso la tabella continui per diverse pagine
vengono resi per primi dal browser mentre arrivano gli altri dati
* TBODY contiene le informazioni di contenuto della tabella: possono essere più di uno
* gruppi di colonne
* <COLGROUP span="numero di colonne" width="larghezza delle colonne">
larghezza delle colonne = in percentuale, in pixel, o con 0*=spazio minimo richiesto
* <COL span="numero di colonne" width="larghezza delle colonne">
permette di condividere attributi con altre colonne senza necessariamente formare un gruppo logico

*INLINE FRAME

È possibile inserire un frame all'interno di un documento
* <IFRAME src="URI" longdesc="URI con descrizione del frame">
<IFRAME src="index.htm" longdesc="indexfr.htm">

*FORMATO DEI CARATTERI

Per tenere traccia delle modifiche apportate ad un documento
* <INS cite="motivo della modifica" datetime=data>...</INS>
* inserimento nella pagina
* <DEL cite="motivo della modifica" datetime=data>...</DEL>
* particolare non piu' aggiornato

Testo in movimento
* <MARQUEE BGCOLOR="color" BEHAVIOR="scroll|alternate|slide" DIRECTION="left|right|up|down">...</MARQUEE>
* Testo che scrolla
* <MARQUEE BGCOLOR="YELLOW" BEHAVIOR="ALTERNATE">Testo che scrolla</MARQUEE>

Testo al contrario
* <BDO DIR="rtl|ltr">...</BDO>
* Questo elemento ti sembra al contrario?
* Questo <BDO DIR="rtl">elemento</BDO> ti sembra al contrario?

Nuovo attributo del link
* <a href="URI" TITLE="descrizione del link">...</A>
* inserisce un commento al link:     torna all'inizio del corso


ultimo aggiornamento Febbraio 2000