Osserva
- HTML5 semplifica molte cose del passato!
- Alcune richieste di XHTML sono state abbandonate in HTML5
- Ma XML incombe sugli standard futuri quindi…
- E non tutte le novità sono implementate…
Pagina web conforme
Example document Example paragraph
Osserva
- Specificare il tipo di documento: <!doctype html>
- Specificare la codifica: <meta charset=”UTF-8″>
- Utilizzare i tag obbligatori del passato: html, head, body, title
- Utilizzare i nuovi tag per le sezioni: ARTICLE, ASIDE, FOOTER, …
- NON utilizzare la tecnica precedente per le sezioni: <div id=”…”>
- Chiudere i tag vuoti: <br/>, <img … />, …
- Delimitare con le doppie virgolette i valori degli attributi: “left”, …
- Scrivere tutto minuscolo (tag, attributi, valori, nomi dei file): <img align=”left” … />
- Non lasciare spazi prima e dopo del segno =: <img align=”left” … />
- Specificare l’attributo alt delle immagini: <img alt=”titolo” … />
- Specificare le dimensioni delle immagini: <img alt=”titolo” style=”height:…px;width=…px” … />
- Per indentare usare 2 spazi invece delle tabulazioni
- Non andare a capo, o lasciare righe vuote, senza motivo
- L’attributo type non è necessario:
Non utilizzare (sostituire con)
- Tag: APPLET (EMBED, OBJECT), BIG (H1), CENTER, FONT, FRAME FRAMESET NOFRAMES (IFRAME, CSS), MARQUEE, STRIKE (DEL, S), TT (KBD)
- Attributi di BODY: alink, bgcolor, link, text, vlink, ...
- Attributi di HR: align, color, noshade, size, width
- Attributi di IMG: align, border, hspace, lowsrc (.jpg), name (id), vspace
- Attributi di TABLE: align, bgcolor, border, cellpadding, cellspacing, width, ...
- Attributo di UL: type
- Continua...