Your SlideShare is downloading. ×
0
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Html5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html5

903

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
903
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1.
  • 2. Ny doctype<br />Nya semantiska element<br />Dokumentstruktur<br />Gamla browsers?<br />Nya input types<br />
  • 3. Ny doctype<br />&lt;!doctype html&gt;<br />Bakåtkompatibel<br />Inte XHTML<br />
  • 4. Nya semantiska taggar<br />&lt;header&gt;<br />&lt;nav&gt;<br />&lt;article&gt;<br />&lt;section&gt;<br />&lt;aside&gt;<br />&lt;footer&gt;<br />&lt;hgroup&gt;<br />&lt;time&gt;<br />&lt;mark&gt;<br />
  • 5.
  • 6. IE 6 7 8<br />HTML5 shim javascript<br />Lägger till HTML5 element i dom-trädet<br />CSS på ex &lt;article&gt;<br />jQuery selektorer $(”article .item”).dev()<br />&lt;!--[if lt IE 9]&gt;&lt;script src=&quot;//html5shim.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;<br />
  • 7. Modernizr.js <br />Lägger till HTML5 element i dom-trädet<br />Feature detection<br />Slipper göra browser detection<br />if(Modernizr.fontface) {...}<br />if(Modernizr.canvas) {...}<br />if(Modernizr.cssgradients) {...}<br />
  • 8. Modernizr.js<br />Lägger till klasser på &lt;html&gt;<br />
  • 9. Nya input types<br />&lt;input type=”email”&gt;<br />search, tel, url, email, datetime, date, month, week, time, datetime-local, number, range, color<br />type=“text” i omoderna browsers<br />
  • 10. type=”email”<br />
  • 11. type=url<br />
  • 12. type=number<br />
  • 13. Div. referenser<br />http://diveintohtml5.org/semantics.html<br />https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills<br />http://html5doctor.com/<br />http://html5boilerplate.com/<br />

×