Presentation on theme: "HTML5 (H YPER T EXT M ARKUP L ANGUAGE ) Lab 223 潘建廷 何偉聖"— Presentation transcript:
HTML5 (H YPER T EXT M ARKUP L ANGUAGE ) Lab 223 潘建廷 何偉聖
I NTRODUCE Today, some elements in HTML 4.01 (1999)are obsolete, never used, or not used the way they were intended to. These elements are deleted or re-written in HTML5. HTML5 is the next generation of HTML. HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.
G OALS Document real-world browser behaviour Document and standardise useful extensions Develop practical new features Ensure backwards compatibility Define robust error handling
D ESIGN P RINCIPLES Foundation of Design and Development Organised into 3 Categories Compatibility Utility Interoperability
D ESIGN P RINCIPLES : C OMPATIBILITY Support Existing Content Degrade Gracefully Don't Reinvent the Wheel Pave the Cow paths Evolution, not Revolution
D ESIGN P RINCIPLES : U TILITY Solve Real Problems Priority of Constituencies Media Independence Universal Access Support World Languages Secure By Design Separation of Concerns
D ESIGN P RINCIPLES : I NTEROPERABILITY Well-Defined Behaviour Avoid Needless Complexity Handle Errors
B ENEFITS OF HTML Backwards compatible with legacy UAs Author familiarity Lenient and forgiving syntax Convenient shorthand syntax Can omit some tags and attribute values
B ENEFITS OF XHTML Strict XML Syntax Integrate directly with other XML vocabularies SVG, MathML Use XML Processing
D OCUMENT R EPRESENTATIONS HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.
V IDEO Ogg = Ogg files with Theora video codec and Vorbis audio codec WebM = WebM files with VP8 video codec and Vorbis audio codec MPEG4 = MPEG 4 files with H.264 video codec and AAC audio codec
V IDEO H.264 SUPPORT IN THE “B IG -5”
V IDEO -- VIA HTML5 Example The video element allows multiple source elements. Source elements can link to different video files. The browser will use the first recognized format
V IDEO – UI CONTROLS
A UDIO Until now, there has never been a standard for playing audio on a web page. Today, most audio are played through a plugin (like flash). However, not all browsers have the same plugins. HTML5 specifies a standard way to include audio, with the audio element. The audio element can play sound files, or an audio stream.
W EB S TORAGE HTML5 offers two new objects for storing data on the client: localStorage - stores data with no time limit sessionStorage - stores data for one session