The Future of HTML Lachlan Hunt

HTML Timeline vs. HTML 1.0 SGML RFC XHTML 2.0 Begins…

? WHATWG The Web Hypertext Application Technology Working Group

WHATWG Goals Document real-world browser behaviour Document and standardise useful extensions Develop practical new features Ensure backwards compatibility Define robust error handling

Web Applications 1.0Web Forms 2.0 Web Controls 1.0 HTML 5 The Specs

Web Applications 1.0 Syntax and Parsing Requirements Structure and Semantics DOM APIs

Web Forms 2.0 Form Controls Repetition Model Client Side Validation DOM APIs for Forms

Web Controls 1.0 DOM and CSS Extensions for creating custom form controls and widgets

Document Representations Document DOM HTML 5 text/html XHTML 5 application/xhtml+xml

Browser Support for HTML Parsing real world HTML is a nightmare Browsers forced to handle everything gracefully Lack of interoperability Many proprietary extensions; often reversed engineered from each other

STRONG EM #text: a #text: b #text: c p EM STRONG EM #text: a #text: b #text: c p STRONG EM #text: a #text: b #text: c p Interoperability Issues a b c

HTML 5 Parsing Reverse engineering current browsers Compatible with existing browsers and web pages Thoroughly defines error handling

DOCTYPE and DTDs 2 Practical Purposes:  DTD based Validation  DOCTYPE Sniffing HTML 5 does not have an official DTD Conformance Checkers may use better alternatives Still need to trigger Standards Mode!

HTML 4.01 Strict HTML 4.01 Strict The DOCTYPE

<div id="nav"> New Structures

Rating: <m><m> And many more… New Semantics

And many more…... New Controls

Repetition Model Add Team Member Team Members NameRank Jack O'NeillRemoveColonel RemoveSam CarterMajor RemoveDaniel JacksonCivilian Remove ContinueRemove Teal’cAlien Remove Remove Remove Remove Add Team Member

Required Fields Regular Expressions Minimum and Maximum Values MaxLength for textarea And many more… Client-Side Form Validation

DOM APIs DOM Level 0 APIs Client-Side Session and Persistent Storage Audio Communication  Server-Sent DOM Events  Network Connections  Cross-Document Messaging

Any Questions or Comments? Lachlan Hunt