Html5
Upcoming SlideShare
Loading in...5
×
 

Html5

on

  • 1,133 views

 

Statistics

Views

Total Views
1,133
Views on SlideShare
1,132
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/