HTML5 Web Browsers

HTML5 Web Browsers
While the U.S. government is shut down for lack of funds, I went ahead and tested and scored HTML5 Web Browsers for HTML5 support.

 

 

Tested Browsers

  • Internet Explorer 10
  • Apple Ios 7
  • Android Chrome
  • Android Built In
  • Windows 7 – Chrome 30
  • Firefox 22
  • Mac OS X 10 -Safari 6
  • Windows 7 – Opera 17
Browsers Scores
  • Internet Explorer 10 = 320
  • Apple Ios 7 = 399
  • HTC One - Android Chrome = 449
  • HTC One - Android Built In = 455
  • Windows 7 - Chrome 30 = 463
  • Windows 7 - FireFox 22 = 414
  • Mac - OS X Lion = 378
  • Windows 7 - Opera 17 = 442
Browsers Reference tables
  • Internet Explorer 10 = A
  • Apple Ios 7 = B
  • HTC One - Android Chrome = C
  • HTC One - Android Built In = D
  • Windows 7 - Chrome 30 = E
  • Windows 7 - FireFox 22 = F
  • Mac - OS X Lion - Future = G
  • Windows 7 - Opera 17 = H

Html5 Parsing Rules

The parsing Rules were all the same across platforms Parsing Rules

Html5 Canvas support

The same can be said about the CANVAS, all platforms tested support CANVAS


Canvas

Html 5 Video support

In regards to HTML 5 video support, Chrome wins and Internet Explorer 10 lose and other platform in between. Interesting that iOS safari support MPEG 4 and h.264 while Chrome favors h.264

HTML 5 Browser video support
A B C D E F G H
video Element GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
subtitle GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Poster Image GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
MPEG 4 GreenCheckSmall GreenCheckSmall  GreenCheckSmall
H.264 GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
OGG Theora GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
WEB M GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall

HTML 5 Audio support

HTML 5 Browser Audio support
A B C D E F G H
PCM Audio GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
AAC GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
MP3 GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
OGG Vorbis GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
OGG Opus GreenCheckSmall GreenCheckSmall
WebM GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall
Audio support lags in iOS safari.

HTML5 Elements support

HTML 5 Browser Elements support
A B C D E F G H
Embedding custom Non-visible GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Sections GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Grouping content GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Text-level semantic
Interactive
hidden attribute GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Dynamic markup insertion GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Surprise! IE 10 Lags

HTML 5 Forms support

IT = Input Types
HTML 5 Browser Forms - Field Types support
A B C D E F G H
IT Text GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Search GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Tel GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Url GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Email GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT DateTime GreenCheckSmall
IT Date GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT Month GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT Week GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT Time GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT DateTime Local GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT Number GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Range GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT Color GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT CheckBox GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IT image GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
IT File GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Textarea GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Select GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Fieldset GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
datalist GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall
keygen GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
output GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
progress GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
meter GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
The winner here is CHROME
HTML5 Browser Forms - Field support
A B C D E F G H
Field Validation GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Association Of controls and forms GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Other attributes GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Css selectors GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Events GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
Form Validation GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall GreenCheckSmall  GreenCheckSmall GreenCheckSmall
IE 10 Lags here. Part 2 of Browser Compare HTML5 report to follow with the following comparison tables:
  • User Interaction
    • Drag & Drop
    • Html Editing
    • Spellcheck attribute
  • History and Navigation
  • Micro Data
  • Web applications
  • Security
  • Location and Orientation
  • WebGL
  • Files
  • Storage
  • Local Multimedia
  • Notification
  • Web Audio API
  • Video and Animation

 

 

Continue to part 2

Related posts:

Pierre BoisvenueHTML5 Web Browsers

Leave a Reply

Your email address will not be published. Required fields are marked *

Protected by WP Anti Spam