Presentazione di PowerPoint

1
Linguaggi di markup personalizzati
Caso di studio XHTML
2
Linguaggi di markup personalizzati
XML è un metalinguaggio, cioè un linguaggio che
permette di creare altri linguaggi.
Nei prossimi lucidi verranno elencati alcuni dei
più noti linguaggi di markup che sono stati
creati con XML.
Poi vedremo, come esempio, uno di questi
linguaggi (scelto perchè è uno dei più semplici)
MathML.
3
Alcuni linguaggi di markup

• EXtensible Hyper Text Markup Language (XHTML)
  www.w3.org/MarkUp
• Mathematical Markup Language (MathML)
  www.w3.org/Math
• Chemical Markup Language (CML) www.xml-cml.org
• Wireless Markup Language (WML) www.wapforum.org
• Geography Markup Language (GML) www.opengis.org
• Synchronized Multimedia Integration Language
  (SMIL) www.w3.org/AudioVideo
• Scalable Vector Graphics (SVG) www.w3.org/TR/SVG
• Bean Markup Language (BML) www.alphaworks.ibm.com
  /aw.nsf/techmain/bml
• Extensible 3D Language (X3D) www.web3d.org/x3d.ht
  ml
• . . .

4
Caso di studio XHTML
5
XHTML

• XHTML sta per eXtensible Hyper Text Markup
  Language

• XHTML è stato pensato per estendere (e
  sostituire) HTML

• XHTML è molto simile a HTML 4.01

• XHTML è una versione più rigida e pulita di HTML

• XHTML è la riformulazione di HTML definito come
  unapplicazione XML.

6
XHTML è uno standard Web
XHTML 1.0 è diventato una Raccomandazione
ufficiale del W3C nel Gennaio del 2000.
Se una specifica diventa una Raccomandazione
ufficiale W3C significa che tale specifica è
ormai STABILE, cioè che è stata revisionata con
successo dal W3C membership e che quindi può
essere considerata uno standard Web (ha superato
tutto il lungo processo di revisione).
XHTML è considerato la nuova generazione di HTML,
ma ci vorrà tempo perchè tutti i browsers e gli
applicativi software siano in grado di leggerlo e
processarlo.
XHTML è una combinazione di HTML e XML consiste
di tutti gli elementi di HTML 4.01 (compatibilità
con HTML 4.01) con la sintassi di XML.
7
Perchè XHTML?
Si è ormai arrivati ad un punto nel quale molte
pagine Web contengono bad HTML. Consideriamo ad
esempio il seguente codice
lthtmlgt ltheadgt lttitlegtThis is bad
HTMLlt/titlegt ltbodygt lth1gtBad HTML lt/bodygt
Visualizza
Questo codice HTML viene visualizzato
correttamente dal browser nonostante non sia ben
formato.
XHTML, integrando HTML e XML, permette di
scrivere documenti HTML ben formati.
8
HTML XHTML
Nei prossimi lucidi vedremo i 10 cambiamenti
necessari per trasformare un documento HTML 4.01
in uno XHTML.
9
1. Documenti conformi alle regole XML

• Gli elementi devono essere annidati in modo
  corretto.

HTML ltbgtltigtThis text is bold and italiclt/bgtlt/igt
XHTML ltbgtltigtThis text is bold and italiclt/igtlt/bgt

• I documenti devono essere ben formati.

Tutti gli elementi XHTML devono essere annidati
allinterno dellelemento root lthtmlgt. Tutti gli
altri elementi possono avere sotto-elementi
(figli).
I figli devono essere in coppie e correttamente
annidati allinterno del loro elemento padre.
lthtmlgt ltheadgt . . . lt/headgt ltbodygt . . .
lt/bodygt lt/htmlgt
STRUTTURA BASE DI UN DOCUMENTO
10
2. Nomi elementi in minuscolo

• I documenti XHTML sono applicazioni XML. XML è
  case-sensitive tag come ltbrgt e ltBRgt sono
  interpretati come elementi diversi!

11
3. Elementi XHTML devono essere chiusi

• Tutti gli elementi XHTML devono essere chiusi.
  Gli elementi non vuoti devono avere un tag di
  chiusura.

12
4. Anche gli elementi vuoti devono essere chiusi

• Gli elementi vuoti devono avere un tag di fine
  oppure devono finire con /gt.

This is a line break.ltbrgt Check out this
horizontal rulelthrgt What a cool image! ltimg
srcfilename.gifgt
Questo è sbagliato!
This is a line break.ltbrgtlt/brgt Check out this
horizontal rulelthr /gt What a cool image! ltimg
srcfilename.gif /gt
Questo è corretto!
13
5. Nomi attributi

• I nomi degli attributi devono essere in minuscolo.

14
6. Valori attributi

• I valori degli attributi devono essere tra
  virgolette.

lttable width100gt ltimg height200 width250gt
Questo è sbagliato!
lttable width100gt ltimg height200
width250 /gt
Questo è corretto!
15
7. Gli attributi devono avere valori
16
8. Attributo name sostituito con id

• HTML 4.01 definisce un attributo name per gli
  elementi a, applet, frame, iframe, img, map. In
  XHTML si usa lattributo id al posto di name.

17
9. XHTML DTD definisce elementi obbligatori

• Tutti i documenti XHTML devono avere una
  dichiarazione DOCTYPE. Gli elementi html, head e
  body devono essere presenti e lelemento title
  deve essere presente allinterno di head.

Modello di documento XHTML
lt!DOCTYPE Indicare qui il tipo di
documentogt lthtmlgt ltheadgt lttitlegtIndicare qui il
titololt/titlegt lt/headgt ltbodygt Corpo del
documento lt/bodygt lt/htmlgt
Può non avere il tag di chiusura!
18
10. lt!DOCTYPEgt obbligatoria

• La dichiarazione DOCTYPE deve essere sempre la
  prima linea in un documento XHTML. DOCTYPE
  definisce il tipo di documento.

Il tipo di documento viene indicato con un XHTML
DTD (Document Type Definition).
Un XHTML DTD descrive, con un linguaggio preciso
e computer-readable, la sintassi e la grammatica
da rispettare per qualsiasi documento XHTML.
Attualmente ci sono 3 differenti XHTML DTD.
19
Tipi di documento XHTML

1. XHTML 1.0 Strict questo DTD è consigliato quando
   la presentazione del documento è controllata da
   un CSS.

lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml
1-strict.dtd"gt

1. XHTML 1.0 Transitional questo DTD è consigliato
   quando si vuole supportare browsers che non
   gestiscono CSS.

lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd"gt

1. XHTML 1.0 Frameset questo DTD è consigliato
   quando si vuole supportare i frames.

lt!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Frameset//EN" "http//www.w3.org/TR/xhtml1/DTD/xht
ml1-frameset.dtd"gt
20
Namespace XHTML
Lelemento radice lthtmlgt deve indicare la
dichiarazione di un namespace XML usando
lattributo xmlns.
Il namespace deve essere http//www.w3.org/1999/
xhtml
lt!DOCTYPE ... (Strict o Transitional o
Frameset)gt lthtml xmlnshttp//www.w3.org/1999/xht
mlgt ltheadgt lttitlegtIndicare qui il
titololt/titlegt lt/headgt ltbodygt Corpo del
documento lt/bodygt lt/htmlgt
Nuovo modello di documento XHTML
21
Prologo

• Il prologo di un documento XHTML è composto da
  due parti
• la dichiarazione XML
• la definizione del DOCTYPE (vedi lucidi
  precedenti)

La dichiarazione XML (lt?xml version1.0?gt)
rende esplicito il fatto che il documento è XML.
Tale dichiarazione NON è obbligatoria, ma il suo
uso è consigliato dal W3C per ogni documento XML.
22
Riepiloghiamo con un esempio
PROLOGO
lt?xml version1.0?gt lt!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http//www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
onal.dtd"gt
ELEMENTO RADICE
lthtml xmlnshttp//www.w3.org/1999/xhtmlgt
ltheadgt lttitlegtEsempio di pagina
XHTMLlt/titlegt lt/headgt
TESTATA
ltbodygt lth1gtSalvelt/h1gt ltpgtQuesto è un primo
esempio di pagina XHTML!lt/pgt lt/bodygt
CORPO
lt/htmlgt
23
Validare un documento XHTML
Un documento XHTML è valido se rispetta le regole
definite nel DTD XHTML.
Perchè un documento XHTML possa essere
correttamente validato, deve contenere una
dichiarazione di DTD al suo interno (vedi
dichiarazione DOCTYPE).
Per validare un documento XHTML rispetto a un
certo DTD è necessario quindi un validatore.
Per usare il validatore XHTML del W3C basta
andare alla pagina Web http//validator.w3.org
(provarlo per esercizio!)