HTML/Evoluzione del markup: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m →XHTML: errore di battitura |
html -> xhtml |
||
Riga 8:
L'idea dell'XHTML è quella di rimappare le regole dell'HTML secondo le [[Programmare in XML|regole dell'XML]]; il vantaggio è quello di ottenere documenti XML per il web e leggibili da tutti i browser che possono quindi usufruire di particolari funzionalità di XML (come l'uso degli [[w:XSLT|XSLT]]) e di creare documenti ben strutturati (questo ha anche lo scopo, ad esempio, di una migliore lettura della pagina da parte del DOM JavaScript).
=== Dall'HTML all'XHTML ===
Il primo passo per impostare il documento con XHTML consiste nell'intestazione XML:
<?xml version="1.0" encoding="UTF-8" ?>
Successivamente dobbiamo fare uso di DocType specifici; come per l'HTML, esistono tre possibilità:
;'''Frameset'''
<code><nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"></nowiki></code>
;'''Strict'''
<code><nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></nowiki></code>
;'''Transitional'''
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <br/><nowiki>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></nowiki></code>
L'elemento radice del documento deve essere, in base alla grammatica, l'elemento <code>html</code> associato obbligatoriamente ad un attributo particolare:
<html xmlns="<nowiki>http://www.w3.org/1999/xhtml</nowiki>">
...
</html>
Dentro all'elemento HTML devono essere obbligatoriamente presenti l'intestazione (tag <head>) e la sezione <code>body</code> della pagina, e non altro.
Ecco di seguito alcune delle principali regole da rispettare per la composizione della pagina XHTML:
*XHTML è ''case-sensitive'' (sensibile alle maiuscole) e i nomi dei tag e degli attributi vanno scritti quindi tutti minuscoli
*il valore degli attributo deve essere sempre posto tra virgolette
*i valori degli attributi vanno sempre esplicitati
*i tag vanno sempre chiusi (ad esempio non va bene <code><nowiki><input type="checkbox" checked ></nowiki></code>, che va sostituito con <code><nowiki><input type="checkbox" checked="checkede" /></nowiki></code>
== CSS ==
| |||