- Home Page
- > Manuale XHTML
- > Introduzione ad XHTML
Introduzione ad XHTML
Introduzione ad XHTML
XHTML è acronimo di EXtensible HyperText Markup Language, è un linguaggio simile all'HTML ma con delle regole più restrittive (derivate da XML).
XHTML è diventato uno standard del w3c
Consente di generare dei documnenti "ben formati" che sono meglio leggibili dai parser html
Esistono alcune regole fondamentali per la scrittura di documenti XHTML
I documenti devono essere ben formati
La struttura minima di un documento XHTML è la seguente (vedremo più avanti cosa inserire nel doctype)
<!DOCTYPE ....dichiarazione del document type...>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titolo Pagina</title>
</head>
<body>
Pagina
</body>
</html>
Gli elementi devono essere XHTML nidificati correttamente
Non posso scrivere <b><i>testo</b></i>
I nomi dei tag devono essere minuscoli
Non posso scrivere <FORM NAME="myForm">
Tutti i tag devono avere il corrispondente tag di chiusura (ache quelli vuoti)
Ad esempio <hr /> invece i <hr>
I valori degli attributi devono stare tra apici
<div id="myDiv"> invece di <div id=myDiv>
L'attributo name sparisce e id ne prende il posto
<div id="myDiv"> invece di <div name=myDiv>
Gli attributi non possono essere scritti in forma breve
<input readonly="readonly" /> invece di <input readonly>
Document Type Definitions
I DTD specificano la sintassi della pagina e definiscono la grammatica da utilizzare per scrivere XHTML
Abbiamo tre tipi di document types:
- STRICT
- TRANSITIONAL
- FRAMESET
XHTML 1.0 Strict
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
E' il tipo più restrittivo, tutta la parte di presentazione è demandata ai css (ad esempio il tag <font> non può essere usato)XHTML 1.0 Transitional
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Un po' meno restrittivo e consente di fare a meno dei cssXHTML 1.0 Frameset
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
per siti con frame
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.