More On Html 5

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    2 Favorites

    More On Html 5 - Presentation Transcript

    1. More on HTML5 Darren Wood @darren | http://dontcom.com
    2. What is HTML 5? ‐
next
major
revision
of
HTML ‐
from
1997
to
2006
work
on
HTML
within
the
W3C
was
focused
exclusively
on
XHTML ‐
in
2004
with
the
Web
Hypertext
ApplicaJon
Technology
Working
Group
(WHATWG)
formed
as
a
break‐away
from
the
W3C
‐
developed
 the
crux
of
HTML ‐
main
dude
is
IAN
HICKSON ‐
first
draU
appeared
22
Jan
2008
W3C ‐
two
variants
of
same
language;
classic
HTML
(HTML5)
or
XHTML
variant
(XHTML5).

first
Jme
HTML
and
XHTML
have
been
developed
 in
parallel ‐
HTML
is
a
game
changer
esp
in
the
web
app
and
RIA
areas...
    3. HTML5 Design Principles
    4. Support existing content Ensure interoperability Handle errors Evolution not revolution - Support existing content - Ensure interoperability - Precisely define UA behavior - Handle errors - Evolution not revolution
    5. The problem with the current setup... current setup is XHTML/XML
    6. "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" - TBL
    7. “Authors will write invalid content regardless of what we spec. So the spec states what authors must not do, and then tells implementers what they must do when an author does it anyway” - Ian Hickson
    8. More than 90% of Alexa Top 500 sites are not valid
    9. The solution...
    10. Don't get hung up on the syntax
    11. <A
HREF=contact.html
class=”yes”> <input
TYPE=”button”
value=FOO>
    12. HTML <!DOCTYPE
html> XHTML <html
xmlns="http://www.w3.org/1999/xhtml"> - html 5 simple doctype - xhtml 5 strict xml rules, must be application/xml or application/xhtml+xml, no doctype required
    13. <!DOCTYPE
html> <html
lang="en"> <head> 

<meta
charset=utf‐8> 

<title>HTML5
Demo</title> </head> <body> <header> 

<h1>Logo
etc</h1> </header> <nav><p>Menu</p></nav> <section> 

<h1>Section</h1> 

<article> 



<p>article
1</p> 

</article> </section> <aside> 

<h2>Some
extra
content</h2> </aside> <footer> 

<p>Copyright
&copy;
2009.</p> </footer> </body> </html>
    14. In the real world...
    15. Semantic class names
    16. HTML5 shiv
    17. <style> 

figure
{
 



border:
1px
inset
#AAA; 



padding:
4px; 

} </style> <script> 

document.createElement("figure"); </script>
    18. tinyurl.com/html5-scaffold
    19. Audio & Video
    20. <video
width="640"
height="360"
src="http:// www.youtube.com/demo/google_main.mp"
autobuffer
 controls
poster="whale.png"> <p>Try
this
page
in
Safari
4!
Or
you
can
<a
 href="http://www.youtube.com/demo/ google_main.mp4">download
the
video</a>
 instead.</p> </video>
    21. Codec Shit-fight.
    22. OGG Theora & H.264 the plan was to support OGG Theora & H.264
    23. OGG Theora & H.264 the plan was to support OGG Theora & H.264
    24. The deal with OGG open source and free licensing Big Boys (Apple, Google) are generally scared of OS stuff no widespread hardware support (means mobile is out) lack of quality compared to H.264 ??
    25. The deal with H.264 patent owned by MPEG (Motion Picture Experts Group) OS companies (Mozilla) reckon it's too pricey paying the licence doesn't guarantee complete immunity from patent infringement in the future... a whole bunch of other major licensing issues. LEGAL JARGAN
    26. Just use Flash <cry>
    27. Just use Flash <cry>
    28. Link lovage... http://www.w3.org/TR/html5 http://whatwg.org/html5 http://html5doctor.com/ http://molly.com/html5/html5-0709.html http://html5gallery.com/ http://tinyurl.com/html5-video-debate
    29. http://assets.dontcom.com/html5.pdf download
    30. Lets talk! questions yo
    SlideShare Zeitgeist 2009

    + darren131darren131 Nominate

    custom

    354 views, 2 favs, 1 embeds more stats

    A brief outline on some of the new elements availab more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 354
      • 352 on SlideShare
      • 2 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 18
    Most viewed embeds
    • 2 views on http://yogeshg1987.blogspot.com

    more

    All embeds
    • 2 views on http://yogeshg1987.blogspot.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    What's New

    © 2009 SlideShare Inc. All rights reserved.