HTML5 Intro For QA

HTML5 Intro For QA 流⽕火

<!DOCTYPE html>

HTML5 - What is it? You may well ask: “How
can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.

HTML5 - What is it? HTML5 is a collection of
features, technologies, and APIS that brings the power of the desktop and the vibrancy of multimedia experience to the web. It includes the 5th revision of the HTML markup language, CSS3, and a series of JavaScript APIS.

HTML5 - Features ✓ History ✓ Semantic Element ✓ Forms
2.0 ✓ Audio & Video ✓ Canvas ✓ Storage ✓ Ofﬂine ✓ Geolocation ✓ Websockets ✓ WebGL

HTML5 - Semantic https:/ /developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list

HTML5 - Semantic

HTML5 - Forms

HTML5 - Audio

HTML5 - Video

HTML5 - Storage ✓ Cookies ✓ WebStorage - localStorage -
sessionStorage ✓ local Databases (SQL)

HTML5 - Offline ✓ No connection, no problem ✓ Cache
Manifest

HTML5 - Manifest

HTML5 - Geolocation getCurrentPosition watchPosition

HTML5 - PROJECT tripm API server with h5 pages. tripw
several act pages. TMS act pages. CDN a.tbcdn.cn

HTML5 - PROJECT 机票H5 酒店H5 门票H5 活动页面

HTML5 - MGBS 说明： 1. 浏览器均为当前最新正式版 2. 测试基准分为三级，A-级优先级最⾼高，B-级次之（⽆无功能性BUG） H5部分测试基准的制定原则是： 1.
基于浏览器的市场分布趋势 2. 基于淘宝⽤用户的设备硬件情况

HTML5 - MGBS

HTML5 Intro For QA

HTML5 Intro For QA

破锣锅

More Decks by 破锣锅

Other Decks in Programming

Featured

Transcript