HTML

HyperText Markup Language nasce nel 1989 per iniziativa di Tim Berners-Lee presso il CERN di Ginevra (The birth of the web)

  • ’60, GML, Generalized Markup Language (IBM)
  • 1986, SGML, Standard …
  • 1989, HTML Tim Berners-Lee (CERN)
  • 1993, HTML+
  • 1995, HTML 2.0 – HTML 3.0
  • 1997, HTML 3.2 – HTML 4.0
  • 1999, HTML 4.01
  • 2008, HTML 5

Sintassi di base

Moduli

FRAME

HTML5

Tante novità per formattare e arricchire i documenti

  • Si semplifica l’inclusione di oggetti multimediali, animazioni
  • Le sezioni delle pagine hanno dei nomi standard
  • I form risultano più accattivanti e funzionali, l’elemento <input> arriva a 29 tipi diversi

Novità

  1. !DOCTYPE
  2. TAG
    • Multimedia: AUDIO | CANVAS | MATH (MathML) | SVG | VIDEO
    • Sezioni: HEADER | FOOTER | MAIN | NAV | ASIDE | ARTICLE | SECTION
    • Altro: MARK | WBR | …
  3. FORM
    • Tag: DATALIST – OUTPUT
    • Attributi: autofocus – list – placeholder – required – …
    • Valori: INPUT > type
      • colordate – numberrange
      • datetime-local | email | month | search | tel | time | url | week | …
  4. Raccomandazioni

DHTML

Dynamic HTML non è uno standard o un linguaggio per il web ma un modo per esplicitare che il codice HTML si combina con Javascript, DOM e CSS.

XHTML

XHTML ridefinisce l’ultimo standard HTML (4.01) in modo da renderlo compatibile con XML.

  • 2000, XHTML 1.0
  • 2000, XHTML Basic
  • 2002, XHTML 1.0 Rivisitato
  • 2006, XHTML 2.0 Working Draft
  • 2008, XHTML Basic 1.1
  • 2010, XHTML 2.0 Working Group Note

Le diverse versioni di XHTML intendono semplificare e uniformare l’uso di di HTML con l’obiettivo di condividere facilmente i documenti e gli altri contenuti web tra dispositivi diversi: desktop, PDA, TV, smartphone, …

XML

Extensible Markup Language

  • 1986 SGML
  • 1996 XML Working Group
  • 2008 XML 1.0 … 5° edizione, W3C Recommendation

Caratteristiche di base

  • Differenze con HTML
  • Sintassi: Elementi, Attributi, Documenti, attributi riservati
  • Struttura dei documenti: DTD, XSL, XSLT, XSL:FO, XPath, XLink, XPointer
  • Tecnologie derivate: MathML, RSS, SMIL, SVG, X3D, XHTML

RISORSE ONLINE

In italiano

In inglese