• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html5
 

Html5

on

  • 1,061 views

 

Statistics

Views

Total Views
1,061
Views on SlideShare
1,060
Embed Views
1

Actions

Likes
0
Downloads
6
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html5 Html5 Presentation Transcript

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