iOS 5 HTML5 Support
July 23, 2012 html5video HTML5 Video
Safari works on your iPad, iPhone, iPod touch, Mac, and PC. In HTML5 compatibility Safari shipped with iOS 5 wins all browsers for mobile and portable devices. A big improvement in iOS 5 is the HTML5 compatibility. iOS 5 HTML 5 compatibility revealed the major jump towards open source web standards from Apple.
Safari was the first browser to support HTML5 audio and video tags. See Safari HTML5 support and compatibility. Safari was also the first browser to support CSS3 Animations. HTML5, CSS5 and Javascript, these are the web standard nowadays. See
Bellow chart shows the details of iOS 5 HTML5 Support:
iOS 5 HTML5 Support List
| Parsing rules |
<!DOCTYPE html> triggers standards mode |
Yes |
| HTML5 tokenizer |
Yes |
| HTML5 tree building |
Yes |
SVG in text/html |
Yes |
MathML in text/html |
Yes |
| Video |
video element |
Yes |
| Subtitle support |
No |
| Poster image support |
Yes |
| MPEG-4 support |
Yes |
| H.264 support |
Yes |
| Ogg Theora support |
No |
| WebM support |
No |
| Audio |
audio element |
Yes |
| PCM audio support |
Yes |
| AAC support |
Yes |
| MP3 support |
Yes |
| Ogg Vorbis support |
No |
| WebM support |
No |
| Canvas |
canvas element |
Yes |
| 2D context |
Yes |
| Text |
Yes |
| Elements |
| Embedding custom non-visible data |
Yes |
| New or modified elements |
| Section elements |
Yes |
section element |
Yes |
nav element |
Yes |
article element |
Yes |
aside element |
Yes |
hgroup element |
Yes |
| Grouping content elements |
Partial |
figure element |
Yes |
figcaption element |
Yes |
reversed attribute on the ol element |
No |
| Text-level semantic elements |
Partial |
mark element |
Yes |
ruby, rt and rp elements |
Yes |
time element |
No |
wbr element |
Yes |
| Interactive elements |
Partial |
details element |
No |
summary element |
Yes |
command element |
No |
| Global attributes or methods |
hidden attribute |
Yes |
| Dynamic markup insertion |
Yes |
outerHTML property |
Yes |
insertAdjacentHTML function |
Yes |
| Forms |
| Field types |
input type=text |
Partial |
| Minimal element support |
Yes |
| Selection Direction |
No |
input type=search |
Yes |
| Minimal element support |
Yes |
input type=tel |
Yes |
| Minimal element support |
Yes |
input type=url |
Yes |
| Minimal element support |
Yes |
| Field validation |
Yes |
input type=email |
Yes |
| Minimal element support |
Yes |
| Field validation |
Yes |
input type=datetime |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=date |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=month |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=week |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=time |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=datetime-local |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=number |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
Yes |
| Field validation |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=range |
Yes |
| Minimal element support |
Yes |
| Custom user-interface |
Yes |
| Value sanitization |
Yes |
min attribute |
Yes |
max attribute |
Yes |
step attribute |
Yes |
stepDown() method |
Yes |
stepUp() method |
Yes |
input type=color |
Partial |
| Minimal element support |
Yes |
| Custom user-interface |
No |
| Value sanitization |
No |
| Field validation |
Yes |
input type=checkbox |
Yes |
| Minimal element support |
Yes |
indeterminate property |
Yes |
input type=image |
Partial |
| Minimal element support |
Yes |
width property |
No |
height property |
No |
input type=file |
Yes |
| Minimal element support |
Yes |
files property |
Yes |
textarea |
Partial |
| Minimal element support |
Yes |
maxlength attribute |
Yes |
wrap attribute |
No |
select |
Yes |
| Minimal element support |
Yes |
required attribute |
Yes |
fieldset |
Partial |
| Minimal element support |
Yes |
elements attribute |
No |
disabled attribute |
No |
datalist |
No |
| Minimal element support |
No |
list attribute for fields |
No |
keygen |
Yes |
| Minimal element support |
Yes |
challenge attribute |
Yes |
keytype attribute |
Yes |
output |
Yes |
| Minimal element support |
Yes |
progress |
No |
| Minimal element support |
No |
meter |
No |
| Minimal element support |
No |
| Fields |
| Field validation |
Yes |
pattern attribute |
Yes |
required attribute |
Yes |
| Association of controls and forms |
Yes |
control property on labels |
Yes |
form property on fields |
Yes |
formAction property on fields |
Yes |
formEnctype property on fields |
Yes |
formMethod property on fields |
Yes |
formNoValidate property on fields |
Yes |
formTarget property on fields |
Yes |
labels property on fields |
Yes |
| Other attributes |
Partial |
autofocus attribute |
Yes |
autocomplete attribute |
No |
placeholder attribute |
Yes |
multiple attribute |
Yes |
dirName attribute |
No |
| CSS selectors |
Yes |
:valid selector |
Yes |
:invalid selector |
Yes |
:optional selector |
Yes |
:required selector |
Yes |
:in-range selector |
Yes |
:out-of-range selector |
Yes |
:read-write selector |
Yes |
:read-only selector |
Yes |
| Events |
Yes |
oninput event |
Yes |
onchange event |
Yes |
oninvalid event |
Yes |
| Forms |
| Form validation |
No |
checkValidity method |
Unknown ? |
noValidate attribute |
Unknown ? |
| User interaction |
| Drag and drop |
| Attributes |
No |
draggable attribute |
No |
dropzone attribute |
No |
| Events |
No |
ondrag event |
No |
ondragstart event |
No |
ondragenter event |
No |
ondragover event |
No |
ondragleave event |
No |
ondragend event |
No |
ondrop event |
No |
| HTML editing |
| Editing elements |
Yes |
contentEditable attribute |
Yes |
isContentEditable property |
Yes |
| Editing documents |
Yes |
designMode attribute |
Yes |
| APIs |
Yes |
execCommand method |
Yes |
queryCommandEnabled method |
Yes |
queryCommandIndeterm method |
Yes |
queryCommandState method |
Yes |
queryCommandSupported method |
Yes |
queryCommandValue method |
Yes |
| Spellcheck |
spellcheck attribute |
Yes |
| History and navigation |
| Session history |
Yes |
| Microdata |
0 |
| Microdata |
No |
| Web applications |
| Application Cache |
Yes |
| Custom scheme handlers |
No |
| Custom content handlers |
No |
| Custom search providers |
Unknown ? |
| Security |
Sandboxed iframe |
Yes |
Seamless iframe |
No |
iframe with inline contents |
No |
| Various |
Scoped style element |
No |
| Asyncronous script execution |
Yes |
| Runtime script error reporting |
Yes |
| Base64 encoding and decoding |
Yes |
| Location and Orientation |
| Geolocation |
Yes |
| Device Orientation |
Yes |
| WebGL |
| 3D context |
No |
| Native binary data |
Partial |
ArrayBuffer |
Yes |
Int8Array |
Yes |
Uint8Array |
Yes |
Int16Array |
Yes |
Uint16Array |
Yes |
Int32Array |
Yes |
Uint32Array |
Yes |
Float32Array |
Yes |
Float64Array |
No |
DataView |
Yes |
| Communication |
| Cross-document messaging |
Yes |
| Server-Sent Events |
Yes |
| XMLHttpRequest Level 2 |
Partial |
| Upload files |
Yes |
| Text response type |
Yes |
| Document response type |
No |
| Array buffer response type |
Yes |
| Blob response type |
No |
| WebSocket |
Yes |
| Files |
| FileReader API |
No |
| FileSystem API |
No |
| Storage |
| Session Storage |
Yes |
| Local Storage |
Yes |
| IndexedDB |
No |
| Web SQL Database |
Yes |
| Workers |
| Web Workers |
Yes |
| Shared Workers |
Yes |
| Local multimedia |
| Access the webcam |
No |
| Notifications |
| Web Notifications |
No |
| Other |
| Page Visibility |
No |
| Text selection |
Yes |
| Scroll into view |
Yes |
| Audio |
| Web Audio API |
No |
| Video and Animation |
| Full screen support |
No |
window.requestAnimationFrame |
No |
The test of iOS 5 Safari browser support for HTML5 shows that iOS 5 provides the best support to HTML5. Furthermore iOS 5 performed very well with regards to HTML5 compatibility in comparison to desktop browsers. iOS 5’s Safari is behind Mozilla’s Firefox 7. 1 and just ahead of Apple’s desktop Safari 5. 1 while Google’s Chrome 14 remains the most HTML5-compatible browser as of now.
ios 5 html 5, ios 5 html5, ios 5 html5 support
[…] The latest version of Apple’s Safari web browser supports web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable, highly secure, and efficient. They are not the add-ons to the web, they are the web itself. Safari 5 provides excellent HTML5 support. No html5 safari extension will need to be installed as long as you have the latest Sarafi web browser. It doesn’t matter if you are on iOS, Mac OS X or Windows, with the latest Safari 5 it easy to deliver online audio and video. See also iOS 5 HTML5 Support. […]