HTML 5

PyWeb-IL 16

Semantic

אתה לא תגיד נגיד !

section, nav, header, footer, article, mark, time ...

<header>
<nav>
<article>
<header>
<time>
<h1>
...
...
<aside>
<footer>

Semantic: Microdata

הלו? זה בלומפילד?

<section itemscope
 itemtype="http://data-vocabulary.org/Person">
  <h1 itemprop="name">Meir Kriheli</h1>
  <img itemprop="photo" src="me.jpg" alt="[me]">
</section>

  

Forms

מה שבע ? מה כמה !

placeholder, autofocus

type = email | url | number | range | datetime | color

No validation yet (except Opera)

Canvas

באיזה צבע אתה רוצה את הפס כסף ?

Lines, text, gradients, curves,
arcs, rectangles, images ...

ctx.fillStyle = '#fce94f';
ctx.beginPath();
ctx.moveTo(75,40);
ctx.bezierCurveTo(75,37,70,25,50,25);
ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
ctx.bezierCurveTo(20,80,40,102,75,120);
ctx.bezierCurveTo(110,102,130,80,130,62.5);
ctx.bezierCurveTo(130,62.5,130,25,100,25);
ctx.bezierCurveTo(85,25,75,37,75,40);
ctx.fill();
  

Video

לכי תכיני לי את החליפה של האיומים

Theora, WebM, H.264

Geolocation

שעה שאני מחפש את הים !

Opt in

Coords: latitude, longitude, accuracy

Storage

היה מנוע ?

Persitent, key/value

Many non compatible implementations.

dojo.storage

Offline

ואם זה שידור חי, אנחנו לא אוכלים חרא ?

 <html manifest="/cache.manifest">

 CACHE MANIFEST
 /site.css
 /logic.js
 /logo.jpg
  

The IElephant in the room

תן לי להחליט מה מגעיל לי ומה מגדיל לי

html5.js, ExplorerCanvas, Google Gears

Hopes for IE9

Modernizer

כל מה שיש לי זה ה-1500 לירות שאין לי

http://www.modernizr.com/

BiDi

איך קוראים בעברית לצ'ופצ'יק של הקומקום ?

Auto dir, compatible set-direction for text input,
bullet rendering ...

See draft: Additional Requirements for Bidi in HTML

Django and html 5

אתה איתי או איתו? - אני מהאו"ם !

django-html5 for form widgets, autofocus fallback

Multiple file upload problem, see #12446

Status

תבוא בסוף כסלו – תחילת נובמבר

In the loooong future, few non compativbe implementations, Some can be used right now

Thank you

חן חן למתחנפן

Mark Pilgrim's Dive Into HTML 5

WHATWG

W3C

Contact me: meir@mksoft.co.il