hungary html5 xhtml2

62
Why HTML5? Why not XHTML2? Learning from history how to drive the future of the Web

Upload: mike109

Post on 10-Apr-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 1/62

Why HTML5?Why not XHTML2?

Learning from history how to

drive the future of the Web

Page 2: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 2/62

Michael(tm) Smith

[email protected]

http://people.w3.org/mike

sideshowbarker on Twitter, GitHub,&c 

Page 3: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 3/62

HTML Working Group

Web Applications WorkingGroup

CSS Working Group

SVG Working Group

more...

W3C Interactiondomain

Page 4: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 4/62

From 1997 through

the end of 2006, work 

on HTML within theW3C focused 

exclusively on the XHTML dialect .

Page 5: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 5/62

 A government inexile...

Page 6: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 6/62

From June 2004 to

March 2007, work on

the (non-XHTML)HTML language took 

 place outside of theW3C .

Page 7: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 7/62

 About HTML5 (and HTML forms)...

Page 8: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 8/62

HTML5 in the words

of the W3C HTML

WG...

Page 9: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 9/62

HTML designprinciples

http://w3.org/TR/html-design-

 principles/ 

Page 10: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 10/62

HTML design

principlesSupport existing contentEnsure interoperability

Precisely define UAbehavior 

Handle errors (non-

draconically)

Evolution not revolution

Page 11: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 11/62

³Draconically´=

³Draconian´=

³catch fire and fail´

Page 12: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 12/62

 About XHTML2 (and  XForms)...

Page 13: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 13/62

 XHTML2 in the words

of the W3C XHTML

WG...

Page 14: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 14/62

XHTML2 Design Aims

http://w3.org/TR/xhtml2/introduction.html#ai 

ms

Page 15: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 15/62

XHTML2 Design

 Aims U se existing XML facilities

rather than duplicating them(implies namespace support)

Less scripting (vs declarative

approach )

I ntegration with Semantic Web

Page 16: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 16/62

What does³declarative´ mean?

Page 17: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 17/62

Declarative programming

success story: SVG

(XSLT also? XForms?)

Page 18: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 18/62

HTML5 and XHTML2 in contrast...

Page 19: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 19/62

Things HTML5 doesn¶t

doDoes not favor XMLfacilities

Does not avoid scripting

Does not consider 

integration with the

SemWeb a priority

No arbitrary namespaces

Page 20: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 20/62

Things XHTML2 did not

do Does not support existing

content in the same way that 

HTML5 does Does not precisely define UA 

behavior 

Does not handle errors non-

draconically (uses ³catch fire

and fail´ error handling)

Page 21: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 21/62

Important point:

XHTML2 was adifferent language than

XHTML1

Page 22: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 22/62

...³different language´ in

that XHTML2 does notfully support existing

XHTML1 content (notbackward compatible)

rtant point: XHTML2 isa different language

than XHTML1

Page 23: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 23/62

 A representative statement aboutthe difference in philosophy:

³HTML is the assembly

language of the Web.´

Page 24: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 24/62

Important point: In some

cases HTML5 offers a

choice of both declarative

and scripting

approaches.

Page 25: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 25/62

 About error handling...

Page 26: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 26/62

Well-formed XML:<input disabled ="disabled">

E mpty attribute: <input disabled > Without quotes: <input value=yes>

Single quotes: <input type='checkbox'>

Double quotes: <input name="be evil">

Which of these are errors? 

Page 27: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 27/62

<i><b>misnested 

tags< /i>< /b>

This is a real error  

Page 28: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 28/62

HTML5 parsers can

handle real errorsinteroperably and

gracefully.

Page 29: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 29/62

Why is it important tohandle errors?

Page 30: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 30/62

More than 93% of 

 Alexa Top 500 sitescontain HTML

conformance errors.

Page 31: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 31/62

 A little history...

Page 32: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 32/62

(About draconian error handling in XML)

I think users and application builders

should have a choice with what they

do with invalid data... I therefore

plan to continue to provide it even if the spec says that this is non-

conforming.

 April 1997 I think users and application builders should have a choice with what they do with invalid data.

I cannot see how a user or application builder can be disadvantaged by being provided with this choice, and I 

therefore plan to continue to provide it even if the spec says that this

Page 33: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 33/62

 After careful consideration, theHTML Working Group has decided

that the goals for the next generation

of forms are incompatible with

preserving backwards compatibility

with browsers designed for earlier 

versions of HTML.

 August 1999

Page 34: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 34/62

W3C has no intention to extend

HTML 4 as such. Instead, further 

work is focusing on a reformulationof HTML in XML

November 1999

Page 35: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 35/62

...while the ancestry of XHTML 2

comes from HTML 4, XHTML 1.0,

and XHTML 1.1, it is not intended to

be backward compatible with its

earlier versions

 August 2002

Page 36: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 36/62

XHTML 2.0 seems to me the live

proof that something is going wrongat W3C... I strongly suggest

dropping all XHTML 2.0 efforts in

favor of a new ³xHTML 5.0´language. Clearly a successor to

HTML 4, feature-oriented, made for 

the web.

December 2002

Page 37: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 37/62

The W3C had so far failed to

address a need in the Webcommunity: There is no language for 

Web applications... I intend to do

something about this (hopefullywithin a W3C context, although that

will depend on the politics

of the situation).

January 2004

Page 38: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 38/62

The dream of a new web, based on

XHTML+SVG+SMIL+XForms, is justthat ² a dream... The best way to

help the Web is to incrementally

improve the existing webstandards... so that web content

authors can actually deploy new

formats interoperably.

June 2004

Page 39: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 39/62

We need to specify error handling

behavior to ensure interoperability

³even in the face of documents that

do not comply to the letter of the

specifications´.

Page 40: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 40/62

 Authors will write invalid content

regardless of what we spec. So the

spec states ³what authors must notdo, and then tells implementors what

they must do when an author 

does it anyway´.

Page 41: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 41/62

It is necessary to evolve HTML

incrementally. The attempt to get the

world to switch to XML, including

quotes around attribute values and

slashes in empty tags and namespaces

all at once didn¶t work...

October 2006

Page 42: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 42/62

more HTML history

http://w3.org/html/wg/wiki/Histo

ry 

Page 43: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 43/62

HTML5 has a major focus

on facilitating use of a

browser as a Webapplication platform (or 

Web application runtime

environment).

Page 44: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 44/62

XHTML2 had a major 

focus on providing a

general-purpose documentlanguage with declarative

mechanisms to enable

interactive features.

Page 45: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 45/62

HTML5 support specific native browser 

support being implemented

by all major browser vendors

spec remains in activedevelopment

Page 46: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 46/62

XHTML2 support no specific client-side native

browser support from any

major browser vendor 

« but was intended to be

possible to ³bolt on´ some level

of support using CSS+JS

last WD: 2006

Page 47: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 47/62

The bottom line...

Page 48: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 48/62

HTML5 is the only

HTML dialect that will

be natively supported in

browsers on the client

side.

Page 49: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 49/62

S ome HTML5 differences...

Page 50: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 50/62

HTML5 defines HTML as an abstract

language with two standardsyntaxes supported by browsers:

a text/html syntax, with parsing rules defined by the HTML5 spec

an XML syntax, with parsing rules defined by the XML spec

Page 51: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 51/62

Similarly, applications can

potentially represent HTML in

memory in any number of ways.

Page 52: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 52/62

http://software.hixie.ch/utilities/js/live-dom-viewer/

Page 53: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 53/62

However, there¶s only one standard

in-memory representation supported

by browsers: The W3C DOM.

The HTML5 spec precisely defines

the DOM representation that

browsers must use to represent

HTML content in memory.

Page 54: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 54/62

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/

DTD

/xhtml1-transitional.dtd">

Page 55: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 55/62

<!DOCTYPE html>

Page 56: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 56/62

<meta http-equiv="Content-Type"

content="text/html; charset=utf-

8">

Page 57: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 57/62

<meta charset="utf-8">

Page 58: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 58/62

I mportant point:

HTML5 includes XHTML

(but not XHTML2 ...)

Page 59: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 59/62

Frequently Asked

Questions (FAQ) about

the future of XHTML

http://www.w3.org/2009/06/xhtml-

faq.html 

Page 60: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 60/62

Ez minden.That¶s all.

Page 61: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 61/62

Köszönöm szépen.Thanks.

Page 62: Hungary Html5 Xhtml2

8/8/2019 Hungary Html5 Xhtml2

http://slidepdf.com/reader/full/hungary-html5-xhtml2 62/62

Michael(tm) [email protected]

http://people.w3.org/mike

sideshowbarker on Twitter, GitHub,&c