DOCSLIB.ORG

Parsing Rules Video

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Parsing Rules Video 25.7.2014 HTML5test - How well does your browser support HTML5? HTML5TEST how well does your browser support html5? your browser other browsers compare news device lab about the test THIS BROWSER SCORED 234 OUT OF 555 POINTS This score was recorded using Qt 4.6.2 on Linux ▼ Related results... ⚏ Compare to... Share Donate semantics multimedia Parsing rules 10 Video 0/35 <!DOCTYPE html> triggers standards mode Yes ✔ video element No ✘ HTML5 tokenizer Yes ✔ DRM support No ✘ HTML5 tree building Yes ✔ Media Source extensions No ✘ Subtitle support No ✘ HTML5 defines rules for embedding SVG and MathML inside a regular HTML document. Support for SVG and MathML is not required though, Poster image support No ✘ so no actual points are awarded if your browser supports embedding http://html5test.com/s/ec24012186d3ebe3.html 1/14 25.7.2014 HTML5test - How well does your browser support HTML5? so no actual points are awarded if your browser supports embedding these two technologies. Codec detection No ✘ SVG in text/html Yes ✔ The following tests go beyond the requirements of the HTML5 MathML in text/html Yes ✔ specification and are not counted towards the total score. MPEG-4 support No ✘ 8/30 H.264 support No ✘ Elements Ogg Theora support No ✘ Embedding custom non-visible data Yes ✔ WebM with VP8 support No ✘ WebM with VP9 support No ✘ New or modified elements ▼ Section elements No ✘ section element No ✘ Audio 0/30 nav element No ✘ audio element No ✘ article element No ✘ Web Audio API No ✘ aside element No ✘ Speech Recognition No header element No ✘ ✘ footer element No ✘ Speech Synthesis No ✘ ▼ Grouping content elements No ✘ The following tests go beyond the requirements of the HTML5 main element No ✘ specification and are not counted towards the total score. figure element No ✘ PCM audio support No ✘ figcaption element No ✘ AAC support No ✘ reversed attribute on the ol element No ✘ MP3 support No ✘ ▼ Text-level semantic elements Partial ○ Ogg Vorbis support No ✘ download attribute on the a element No ✘ Ogg Opus support No ✘ ping attribute on the a element Yes ✔ WebM with Vorbis support No ✘ No ✘ mark element WebM with Opus support No ✘ ruby, rt and rp elements No ✘ http://html5test.com/s/ec24012186d3ebe3.html 2/14 25.7.2014 HTML5test - How well does your browser support HTML5? ruby, rt and rp elements No ✘ time element No ✘ wbr element No ✘ Peer To Peer 0/15 ▼ Interactive elements Partial ○ WebRTC No ✘ details element Yes ✔ Data channel No ✘ summary element No ✘ menu element of type toolbar No ✘ menu element of type popup No ✘ dialog element No ✘ 3d, graphics & effects Global attributes or methods 12/25 hidden attribute Yes ✔ 2D Graphics ▼ Dynamic markup insertion Yes ✔ Canvas 2D graphics Yes ✔ outerHTML property Yes ✔ Drawing primitives insertAdjacentHTML function Yes ✔ Text support Yes ✔ Path support No ✘ Forms 70/110 Ellipse support No ✘ Dashed line support No ✘ Field types ▼ input type=text Partial ○ Features Minimal element support Yes ✔ Hit testing support No ✘ Selection Direction No ✘ Blending modes No ✘ ▼ input type=search Yes ✔ Image export formats Minimal element support Yes ✔ PNG support Yes ✔ ▼ input type=tel Yes ✔ JPEG support Yes ✔ Minimal element support Yes ✔ JPEG-XR support No ✘ http://html5test.comin/sp/euc2t4 0t12y1p86ed=3uebrel3.html Yes ✔ 3/14 25.7.2014 HTML5test - How well does your browser support HTML5? ▼ input type=url Yes ✔ WebP support No ✘ Minimal element support Yes ✔ Field validation Yes ✔ ▼ input type=email Yes ✔ 3D Graphics 0/25 Minimal element support Yes ✔ WebGL 3D graphics No ✘ Field validation Yes ✔ WebGL 2 3D graphics No ✘ ▼ input type=date Partial ○ Minimal element support Yes ✔ Custom user-interface No ✘ Animation 0/5 Value sanitization No ✘ window.requestAnimationFrame No ✘ min attribute Yes ✔ max attribute Yes ✔ step attribute Yes ✔ stepDown() method Yes ✔ connectivity stepUp() method Yes ✔ valueAsDate() method Yes ✔ Communication 26/35 valueAsNumber() method Yes ✔ Server-Sent Events Yes ✔ ▼ input type=month Partial ○ Minimal element support Yes ✔ XMLHttpRequest Level 2 Custom user-interface No ✘ Upload files Yes ✔ Value sanitization No ✘ ▼ Response type support Partial ○ min attribute Yes ✔ Text response type Yes ✔ max attribute Yes ✔ Document response type No ✘ step attribute Yes ✔ ArrayBuffer response type Yes ✔ stepDown() method Yes ✔ Blob response type No ✘ stepUp() method Yes ✔ http://html5test.com/s/ec24012186d3ebe3.html 4/14 25.7.2014 HTML5test - How well does your browser support HTML5? stepUp() method Yes ✔ WebSocket valueAsDate() method Yes ✔ Basic socket communication Incomplete valueAsNumber() method Yes ✔ ! ▼ input type=week Partial ○ ArrayBuffer and Blob support No ✘ Minimal element support Yes ✔ Custom user-interface No ✘ No ✘ Value sanitization offline & storage min attribute Yes ✔ max attribute Yes ✔ Web applications 15/20 step attribute Yes ✔ stepDown() method Yes ✔ Application Cache Yes ✔ stepUp() method Yes ✔ Custom scheme handlers No ✘ valueAsDate() method Yes ✔ Custom content handlers No ✘ valueAsNumber() method Yes ✔ Custom search providers No ✘ ▼ input type=time Partial ○ Minimal element support Yes ✔ Custom user-interface No ✘ Storage 10/30 No ✘ Value sanitization Key-value storage attribute Yes ✔ min Session Storage Yes ✔ max attribute Yes ✔ Local Storage No ✘ step attribute Yes ✔ Database storage stepDown() method Yes ✔ No stepUp() method Yes ✔ IndexedDB ✘ valueAsDate() method Yes ✔ Objectstore Blob support No ✘ valueAsNumber() method Yes ✔ Objectstore ArrayBuffer support No ✘ ▼ input type=datetime Partial ○ The Web SQL Database specification is no longer being updated and http://html5test.comM/isn/eimc24a0l1 e21le86md3eenbet 3s.hutmplport Yes ✔ has been replaced by IndexedDB. Because at least 3 vendors have 5/14 25.7.2014 HTML5test - How well does your browser support HTML5? Minimal element support Yes ✔ has been replaced by IndexedDB. Because at least 3 vendors have shipped implementations of this specification we still include it in this No Custom user-interface ✘ test. No ✘ Value sanitization Web SQL Database Yes ✔ min attribute Yes ✔ max attribute Yes ✔ step attribute Yes ✔ Files 10 stepDown() method Yes ✔ File API Yes ✔ stepUp() method Yes ✔ valueAsNumber() method Yes ✔ The Directories and System API proposal has failed to gain traction among browser vendors and is only supported in some Webkit based ▼ input type=datetime-local Partial ○ browsers. No additional points are awarded for supporting this API. Minimal element support Yes ✔ File API: Directories and System No ✘ Custom user-interface No ✘ Value sanitization No ✘ min attribute Yes ✔ max attribute Yes ✔ other step attribute Yes ✔ 9/20 stepDown() method Yes ✔ Other stepUp() method Yes ✔ Styling method Yes ✔ valueAsNumber() Scoped style element No ✘ ▼ input type=number Yes ✔ Scripts Minimal element support Yes ✔ Asyncronous script execution Yes ✔ Custom user-interface Yes ✔ Runtime script error reporting Yes ✔ Value sanitization Yes ✔ Script execution events No ✘ Field validation Yes ✔ Base64 encoding and decoding Yes min attribute Yes ✔ ✔ max attribute Yes ✔ JSON encoding and decoding Yes ✔ http://html5test.com/s/ec24012186d3ebe3.html 6/14 25.7.2014 HTML5test - How well does your browser support HTML5? step attribute Yes ✔ Mutation Observer No ✘ stepDown() method Yes ✔ Other stepUp() method Yes ✔ Page Visibility No ✘ valueAsNumber() method Yes ✔ Text selection Yes ✔ ▼ input type=range Yes ✔ Scroll into view 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 ✔ valueAsNumber() method Yes ✔ ▼ input type=color Partial ○ Minimal element support Yes ✔ Custom user-interface No ✘ Value sanitization No ✘ ▼ 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 ✘ ▼ http://html5test.comin/sp/euc2t4 0t12y1p86ed=3febiel3.ehtml Yes ✔ 7/14 25.7.2014 HTML5test - How well does your browser support HTML5? ▼ 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 Partial ○ Minimal element support No ✘ list attribute for fields Yes ✔ ▼ keygen Yes ✔ Minimal element support Yes ✔ challenge attribute Yes ✔ keytype attribute Yes ✔ ▼ output Yes ✔ Minimal element support Yes ✔ ▼ progress Yes ✔ Minimal element support Yes ✔ http://html5test.come/st/eec2r4012186d3ebe3.html Yes ✔ 8/14 25.7.2014 HTML5test - How well does your browser support HTML5? ▼ meter Yes ✔ Minimal element support Yes ✔ 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 ✔ http://html5test.com/s/ec24012186d3ebe3.html
Load more

Recommended publications
  • Building Native Apps for BB10/Playbook for Ios Developers
    Building native apps for BB10/PlayBook for iOS developers Ranbijay Kumar & Prakash Sainani Developer Relations – Research In Motion BlackBerry 10 SDKs Java ActionScript C/C++ C++/Qt HTML5 BlackBerry ® Android ™ ™ Adobe ® AIR ® Native SDK Cascades WebWorks Runtime Architecture Native & HTML5 Apps Android Apps Adobe AIR Apps HTML/CSS Open GL Java Action Script Cascades QML JavaScript Open AL .apk .swf WebKit JavaScript C++ C/C++ Android Runtime AIR Runtime Platform APIs Qt C++ C/C++ Network Storage Audio/Video Graphics Push i18n … QNX Kernel BlackBerry 10 Foundations Platform APIs & Core PackagesApplications Android Native Web AIR Player Runtime Runtime Runtime Application BBM™ Application Payment Advertising Push Data Notification Phone Calendar Infrastructure Service Platform Invocation Share Analytics Contacts Messages Tasks … Configuration Cascades Search Config Balance Backup / Lifecycle Utilities i18n Instrument n … Restore System Service Authenticatio Navigator Installer Launcher Multimedia SQLite NFC n Window WebKit Protocols Network DRM Crypto … Manager OSOS Memory Process Power Device IPC File System … Management Management Management Drivers The Platforms iOS BB10 UIKit Cascades / QML Application Frameworks Webkit Application Frameworks [Maps, Message …] [Qt, Maps, PIM, Share …] Graphics and Audio Graphics and Audio Core Services Core Services (/BPS) iOS (Kernel) & Drivers Posix BB10 (QNX micro-kernel) & Drivers Types of Apps iOS BB10 Native Native (Objective C and Cocoa Touch (C/C++, QML, Cascades, UIKit , OpenGL) OpenGL) Web Apps Web Apps Native with Webview Native with Webview PhoneGap… WebWorks, PhoneGap… Native and Web Apps in BB10 C/C++ is used widely due to it’s portability. It’s a true cross-platform language (combined with POSIX) Enables Lots of BB10 Open Source Frameworks iOS can also run C/C++ apps (Objective-C++).
    [Show full text]
  • Next Media Deliverable Template
    WP 1 AND EREADING AND D 1.1.4.1 STATE-OF-THE-ART-STANDARDS Deliverable number 1.1.4.1 State-of-the art, html5-standard Author(s): Olli Nurmi Confidentiality: Public Date and status: 7.9.2011 - Status: Version 1.0 This work was supported by TEKES as part of the next Media programme of TIVIT (Finnish Strategic Centre for Science, Technology and Innovation in the field of ICT) Next Media - a Tivit Programme Phase 2 (1.1-31.12.2011) Version history: Version Date State Author(s) OR Remarks (draft/ /update/ final) Editor/Contributors 0.9 30.6.2011 draft Olli Nurmi 1.0 1.9.2011 update Olli Nurmi 1.1 28.9.2011 final Olli Nurmi 1.2 4.10.2011 final Olli Nurmi Issues about Onix is removed to separate deliverable next Media www.nextmedia.fi www.tivit.fi WP 1 AND EREADING AND D 1.1.4.1 1 (12) STATE-OF-THE-ART-STANDARDS Next Media - a Tivit Programme Phase 2 (1.1-31.12.2011) Table of Contents 1 Introduction ............................................................................................................. 3 1.1 Web browsers ................................................................................................. 3 1.2 HTML5 – an open standard ............................................................................ 4 1.3 CSS - Cascading Style Sheets ....................................................................... 6 1.4 HTML5 vs native applications ......................................................................... 6 2 HTML5/CSS3 standards ........................................................................................
    [Show full text]
  • Get Started with HTML5 ● Your Best Bet to Experiment with HTML5 – Safari – Chrome As of – Beta: Firefox 4 and IE 9
    BibhasBibhas BhattacharyaBhattacharya CTO,CTO, WebWeb AgeAge SolutionsSolutions bibhas@webagesolutions.combibhas@webagesolutions.com www.webagesolutions.com/trainingwww.webagesolutions.com/training Get Started With HTML5 ● Your best bet to experiment with HTML5 – Safari – Chrome As of – Beta: FireFox 4 and IE 9. October 2010 ● Test your browser: – html5test.com – html5demos.com – www.findmebyip.com/litmus ● JavaScript library to test for HTML5 features – www.modernizr.com Browser Support ● Dreamweaver CS5 11.0.3 update will install HTML5 compatibility pack. ● CS4 and CS3 users should download the pack from Dreamweaver Exchange. ● See a demo: – www.youtube.com/watch?v=soNIxy2sj0A DreamWeaver Story - The canvas element - Custom audio & video player - New semantic elements - Geolocation (header, section, footer etc.) - Local data storage - New form input elements - Web SQL & IndexedDB (e-mail, date, time etc.) - Offline apps - Audio and video - Messaging - CSS3 - Web worker - Push using WebSocket For web page designers For developers What's New in HTML5? SimplifiedSimplified <!DOCTYPE html> DOCTYPEDOCTYPE <html> <head> <title>Page Title</title> Simplified <meta charset="UTF-8"> Simplified charsetcharset settingsetting </head> <body> <p>Hello World</p> </body> </html> Basic HTML 5 Document ● Elements that have no special visual styling but are used to provide structure and meaning to the content. ● HTML4 semantic elements – div (block) – span (in line) ● HTML5 semantic elements – header, footer, section, article, aside, time and others..
    [Show full text]
  • University of Camerino Computer Science (LM 18) Browser Evolution
    University of Camerino Computer Science (LM 18) Browser Evolution Project of Web 2.0 Autor: Luciani Alex Prof: Vaccari Carlo License This material is distributed under the Creative Commons "Attribution - NonCommercial - Share Alike - 3.0", available at http://creativecommons.org/licenses/by-nc-sa/3.0/ . What is a Browser? A browser is a software application, it retrieves and shows elements of the web. Story Prehistory 1963: Ted Nelson: Hypertext. 1987: John Bottoms: Silversmith, SGML. 1989: Tim Berners-Lee: WWW, HTML, HTTP, W3C. 1994: Mosaic → Netscape. Story Mosaic screenshot Story First Browser War (1996 - 2004) Story Second Browser War (2004 - ...) Story January 2010, Firefox passed IE Story The Actual Situation (2011) Data from statcounter.com Browser Market Share % Browser Version Market Share % Apr 11 Apr 11 IE 44.52 IE 8.0 30.24 Firefox 29.67 Firefox 3.6 18.91 Chrome 18.29 Chrome 10.0 16.03 Safari 5.04 IE 7.0 7.82 Opera 1.91 Firefox 4.0 7.59 IE 6.0 4.14 Safari 5.0 3.83 IE 9.0 2.32 Firefox 3.5 1.99 Tech Evolution Web Browser Engines They paint the web pages interpreting the client-side scripts. Layout Engine License Main Browser Gecko Free and OpenSource Firefox Presto Proprietary Opera Trident Proprietary Internet Explorer WebKit Free (GNU LGPL) Safari, Chrome Tech Evolution Protocols Connection: HTTP. Security: SSL, HTTPS Languages and Client Side HTML, HTML5 Javascript, Ajax CSS XML, SVG WebGL Tech Evolution Ajax Example Tech Evolution Google Body Browser uses WebGL Tech Evolution GUI Evolution Google 10 Firefox 3.6 Firefox 4 Tech Evolution GUI Evolution Explorer 8 Explorer 9 Tech Evolution Browser Testing Acid Test: testing client side script languages.
    [Show full text]
  • Analysing and Testing HTML5 Parsers
    Analysing and testing HTML5 parsers A dissertation submitted to The University of Manchester for the degree of Master of Science in the Faculty of Engineering and Physical Sciences 2015 Jose Carlos Anaya Bolaños School of Computer Science Contents Contents ............................................................................................................................ 2 List of figures ..................................................................................................................... 4 List of tables ...................................................................................................................... 5 Abstract ............................................................................................................................. 6 Declaration ........................................................................................................................ 7 Intellectual property statement ........................................................................................ 8 Acknowledgements ........................................................................................................... 9 The author ....................................................................................................................... 10 1. Introduction ............................................................................................................ 11 1.1 Goal and objectives .......................................................................................... 12 2.
    [Show full text]
  • HTML5 Web Security
    HTML5 Web Security Thomas Röthlisberger – IT Security Analyst thomas.roethlisberger@csnc.ch Compass Security AG Tel +41 55 214 41 60 Werkstrasse 20 Fax +41 55 214 41 61 Postfach 2038 team@csnc.ch CH-8645 Jona www.csnc.ch What is this talk about? Compass Security AG Tel +41 55 214 41 60 Werkstrasse 20 Fax +41 55 214 41 61 Postfach 2038 team@csnc.ch CH-8645 Jona www.csnc.ch Agenda What is HTML5? Vulnerabilities, Threats & Countermeasures Conclusion Demo CORS Demo Web Workers Quiz and Q&A © Compass Security AG www.csnc.ch Slide 3 The Voting Device Compass Security AG Tel +41 55 214 41 60 Werkstrasse 20 Fax +41 55 214 41 61 Postfach 2038 team@csnc.ch CH-8645 Jona www.csnc.ch The Voting Device It enables you to participate on votings The device has no batteries, so it works autarkic You power it by shaking it until green light flashes © Compass Security AG www.csnc.ch Slide 5 The Voting Let’s give it a try... © Compass Security AG www.csnc.ch Slide 6 What is HTML5? Compass Security AG Tel +41 55 214 41 60 Werkstrasse 20 Fax +41 55 214 41 61 Postfach 2038 team@csnc.ch CH-8645 Jona www.csnc.ch History HTML 4.01 WHATWG XHTML 1.0 XHTML 1.1 XHTML 2.0 Web Applications 1.0 HTML5 © Compass Security AG www.csnc.ch Slide 8 History HTML5 is not finished! The specification achieved CANDIDATE RECOMMENDATION status on 17 December 2012. However, it is still a draft version and may be updated.
    [Show full text]
  • Web Standards.Pdf
    BOOKS FOR PROFESSIONALS BY PROFESSIONALS® Sikos, Ph.D. RELATED Web Standards Web Standards: Mastering HTML5, CSS3, and XML gives you a deep understand- ing of how web standards can be applied to improve your website. You will also find solutions to some of the most common website problems. You will learn how to create fully standards-compliant websites and provide search engine-optimized Web documents with faster download times, accurate rendering, lower development costs, and easy maintenance. Web Standards: Mastering HTML5, CSS3, and XML describes how you can make the most of web standards, through technology discussions as well as practical sam- ple code. As a web developer, you’ll have seen problems with inconsistent appearance and behavior of the same site in different browsers. Web standards can and should be used to completely eliminate these problems. With Web Standards, you’ll learn how to: • Hand code valid markup, styles, and news feeds • Provide meaningful semantics and machine-readable metadata • Restrict markup to semantics and provide reliable layout • Achieve full standards compliance Web standardization is not a sacrifice! By using this book, we can create and maintain a better, well-formed Web for everyone. CSS3, and XML CSS3, Mastering HTML5, US $49.99 Shelve in Web Development/General User level: Intermediate–Advanced SOURCE CODE ONLINE www.apress.com www.it-ebooks.info For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. www.it-ebooks.info Contents at a Glance About the Author................................................................................................
    [Show full text]
  • Chapter 7: HTML/XHTML I
    7. HTML and XHTML | Hypertext Markup Language, Part I 7-1 Chapter 7: HTML/XHTML I References: • Erik Wilde: World Wide Web | Technische Grundlagen. Springer, 1999, ISBN 3-540-64700-7, 641 Seiten. • Eric Ladd, Jim O'Donnell, et al.: Using HTML 4, XML, and Java 1.2, Platinum Edition. QUE, 1999, ISBN 0-7897-1759-X, 1282 pages. • Rainer Klute: Das World Wide Web. Addison-Wesley, 1996, ISBN: 389319763X. • Dave Raggett, W3C: HTML 3.2 Reference Specification. [http://www.w3.org/TR/REC-html32.html] • Dave Raggett, Arnaud Le Hors, Ian Jacobs (Eds.): HTML 4.01 Specification. W3C, Dec 24, 1999. [http://www.w3.org/TR/html4/] • User's Guide to ISO/IEC 15445:2000 HyperText Markup Language (HTML) [http://www.cs.tcd.ie/15445/UG.html] • XHTML [tm] 1.0: The Extensible HyperText Markup Language. W3C, Jan 26, 2000. [http://www.w3.org/TR/xhtml1] • Stefan M¨unz:HTML-Dateien selbst erstellen | SELFHTML. [http://www.netzwelt.com/selfhtml/] [http://www.teamone.de/selfaktuell/] • Ian Graham: Introduction to HTML. [http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html] • NCSA Beginner's Guide to HTML (no longer maintained). [http://www.ncsa.uiuc.edu/General/Internet/WWW/] Stefan Brass: Grundlagen des World Wide Web Universit¨atHalle, 2016 7. HTML and XHTML | Hypertext Markup Language, Part I 7-2 Objectives After completing this chapter, you should be able to: • develop web pages in strict HTML 4.0/XHTML 1.0. • write syntactically correct HTML/XHTML. • read the HTML and XHTML specifications. • evaluate whether something is possible in HTML. • write a short paragraph about differences between HTML versions.
    [Show full text]
  • Exploring HTML5 with Javaserver Faces 2.0
    Exploring HTML5 With JavaServer Faces 2.0 Roger Kitain Oracle Corporation AGENDA > HTML 5 Overview – What is HTML 5? – HTML 5 Features > JSF 2.0 Component Model And HTML 5 – Component Model Overview – Enhancing Components With HTML 5 > Demos 2 What Is HTML 5? > Proposed next standard for HTML 4.0.1, XHTML 1.0 and DOM Level 2 HTML > Features promote RIA HTML HTML5 JS APIs > Pioneered in 2004; First working spec draft: 2008 > CSS 3 : Working Draft – April 2010 3 What Is HTML 5? Traditional Desktop e c n e i r e p x E r e HTML5 HTML2 s Ajax U XHTML HTML4 HTML CSS/JavaScript 1991 1994 1996 1997 1998 2000 2005 2009 4 What is HTML 5? When Will Specification Go Final? At least that's the rumor...... 5 HTML 5 Features: HTML Elements > Semantic elements for structure: – <header>, <nav>, <article>, <section>, <aside>, <footer> HTML4 HTML5 > Some advantages: – Nested sections with header levels beyond 6 levels in HTML 4 – Cleaner source; easier to author (don't need to go “div crazy”) 6 HTML 5 Features : Html Elements/Attributes > Other semantic elements: – <figure>, <dialog>, <meter>, <progress>... – <progress> can be used with JavaScript to generate “real-time” progress bar > Form elements / attributes: – <input name=”q” placeholder=”Search Here”> – <input name=”q” autofocus> – Attribute values for <input type= email (Great for mobile devices – iphone!). number, range, date, datetime, month, week, time, search, color – For date / time Opera would render: 7 HTML 5 Features : Media Elements > Audio – Most audio played through flash plugin – Not all browsers have same plugins > <audio> element: – Standard way to include audio: sound files or audio stream – 3 supported formats: Ogg Vorbis, MP3, Wav (browsers may support subset) > Usage example: <audio controls="controls"> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio element.
    [Show full text]
  • Exploring the Future: Is HTML5 the Solution for GIS Applications on the World Wide Web?
    Exploring the Future: is HTML5 the solution for GIS Applications on the World Wide Web? Mats Taraldsvik December 18, 2011 ABCDEFCDE DDFBDCD D '&+),-!./,, !F""#D$!#"%C&'# "+)%' #0&1'(&#2-3 !(()* '#D!## 4&5 6 '+C"(1&!1'#D''(#75 %##&!' 8#"7#D4()9 !'%##'&'&#8#"7## )#'& D!"%"'((7+"'7'&'#!'#+ (:!!&#+)(7&"#' ;'( D$+##)'&++'%+%'&'(7+:'(#+"(%%(7&#:!(%% '7#<#+#1&'#!C(+'##(!#'&"';)&'"#&'=)'#('&'#' #&'<"#%"+)(7&#;'()<(7 !C'&':!D$;&')"#('<(7&!' #"#!'#%D$!''"#(1 #+'"(#'(!'D$#'#'('(!'&###%#7';(7("'&#==#+':#"( '&##):##;'(#+'1D!#'#+#%D$0'(#&%&'#'(D$2;'(!"# :)'&'(7+!C(+';'(#&'<&! <:!##'%'"#%C'&'#!'!'# 7"#<)'%!:)1D!'#%# ;C#'('(#'(C)'#''(<'7'');!' (&'##(7++%C'&'#!:);'(+&''(&+')<):C '&'#1 D!#'77:'('=(!''<##%# ##)#'7''):!!:&! <;'('&&+'# +#+#:!'+#7:!+#'C'&'7+1C++#!'%"& %+'&'&"';##(=(!'+!)%#'(+7+###):!!:&! <1 B#"'#':!!&'7'#+#7 ##&'<# %+' '&'#;'(7(#(7# :!#:5:!'#'(7&(''1D! &'#&%&'#'#'('(:'<7!"##>&'1 D$!'&#%+'&)<(&'# '&<'()'(:!:!!)C&5#'(C7C7#;'()< '"&! =)&5 &###:!!)5#1D$%'<("&#'7#"%+(':!!7( '('"(+#?# '&'(''#'#'(+#&":!!&'C' '(&' %% '&'#==#&'<%+)(7&#!'%':!"'&&##==###):!&''&!1 !" !D$#'<" #'('(;#+C'&'#!'7''(<)(7("# !:&! #;'(! '7(#'77:%!:!#'&'#"@D$1 &&"#;:!!:D$#'('(;!:)!'#'5'+'4#%:'(%7( (7#'( &+'#:!!+'#&##'<&'C'&'#!'+'<&+:!!(#5=)"(&"'#1! !(='<" #5()F'#!'(&#%C7 !'<'#'!'(+#%+'"<;D$'<#'#( %"('%!%"":);'(# C'&'#!'"#D$&! #'+##7)!:! '(# !%+'&;'(!"#%'&#1 A<:(# ,1D$;C;'%+((&;+)(7&# .1&'7'#;#7 ;:)#&5#;:):5#; &' B1D;B CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC 0# '"2 ii Abstract The unfortunate need to develop multiple native applications has emerged with the recent explosion
    [Show full text]
  • Emerging Technologies Towards Transparent Computing
    Language Learning & Technology February 2014, Volume 18, Number 1 http://llt.msu.edu/issues/february2014/emerging.pdf pp. 1–10 EMERGING TECHNOLOGIES TOWARDS TRANSPARENT COMPUTING: CONTENT AUTHORING USING OPEN STANDARDS Robert Godwin-Jones, Virginia Commonwealth University With today's rapid developments in digital technologies, technical obsolescence can occur much faster than in the past. Who would have predicted five years ago that Adobe's Flash would have seen the rapid decline it has experienced as a development environment? Using open, internationally accepted standards for materials development is no absolute guarantee of longevity, but it does increase the likelihood that content will continue to be usable and that, if needed, conversion tools will be available. In this column I will be discussing approaches to the development of electronically delivered language learning materials that I believe are the least likely to face short-term obsolescence. I will be arguing in favor of multilaterally developed, open standards, supported by major industry players and educational standards bodies. Specifically, I will be looking at approaches for delivering learning materials through Web browsers or e-book readers (e-readers), so that created content works seamlessly across devices and platforms. APA Citation: Godwin-Jones, R. (2014). Towards transparent computing: Content authoring using open standards. Language Learning & Technology 18(1), 1–10. Retrieved from http://llt.msu.edu/issues/february2014/emerging.pdf Copyright: © Robert Godwin-Jones WEB DELIVERY For the vast majority of language learning projects, the delivery mechanism of choice is likely to be the World Wide Web, accessed through a Web browser, whether that be on a desktop computer or on a mobile device.
    [Show full text]
  • Browser Web Storage Vulnerability Investigation: HTML5 Localstorage Object Dan Bogaard Rochester Institute of Technology
    Rochester Institute of Technology RIT Scholar Works Presentations and other scholarship Faculty & Staff choS larship 7-2012 Browser Web Storage Vulnerability Investigation: HTML5 localStorage Object Dan Bogaard Rochester Institute of Technology Daryl Johnson Rochester Institute of Technology Robert Parody Rochester Institute of Technology Follow this and additional works at: https://scholarworks.rit.edu/other Recommended Citation Bogaard D., Johnson D., and Parody R. Browser Web Storage Vulnerability Investigation: HTML5 localStorage Object. In SAM'12 - The 2012 nI ternational Conference on Security and Management (Las Vegas, NV, USA, July 2012) This Conference Paper is brought to you for free and open access by the Faculty & Staff choS larship at RIT Scholar Works. It has been accepted for inclusion in Presentations and other scholarship by an authorized administrator of RIT Scholar Works. For more information, please contact ritscholarworks@rit.edu. Browser Web Storage Vulnerability Investigation HTML5 localStorage Object Daniel Bogaard1, Daryl Johnson2, and Robert Parody3 1Information Technology, Rochester Institute of Technology, Rochester, NY, USA 2NSSA, Rochester Institute of Technology, Rochester, NY, USA 3CQAS, Rochester Institute of Technology, Rochester, NY, USA hypothesis that localStorage can be used for such a purpose. Abstract - Along with the introduction of HTML5 a new data The second part of this study is to install the application on a storage technique, Web Storage, has been added to browsers. working production site and statistically determine how many This technique stores larger amounts of data for an extended copies of the parts need to be disseminated in order to ensure period of time on a client system. This technology does not retrieval – both over the short term and long term (would there (as of this writing) have a fully implemented interface to be a difference between trying to get the data back in 10 days support end user control.
    [Show full text]