TNPW1 Ing. Jiří Štěpánek

 In current version (XHTML 1.0 strict)  No multimedia elements  No semantics elements  Only few input types  Only few document events Ing. Jiří Štěpánek

 Structured layout (semantics)  Multimedia content, Canvas  New form input types  Web Storage  Web Sockets  New document events  etc… Ing. Jiří Štěpánek

Ing. Jiří Štěpánek

 Current HTML standard does not have elements for multimedia content  Third party add-ons must be installed when need to for example play a video within a page (Flash, Silverlight, Java applets)  In HTML 5 – element audio and video Ing. Jiří Štěpánek

Download movie var video = document.getElementById("video"); Přehrát Pozastavit Audio/Video can be controlled by javascript Ing. Jiří Štěpánek

 Drawing area  Can be controlled by JS  It is possible do draw graphics primitives inside canvas Ing. Jiří Štěpánek

 Extending the type attribute of element input  datetime  date  month  week  time  number  range   url  search  color Ing. Jiří Štěpánek

Ing. Jiří Štěpánek

 Web page can store data on local system  LocalStorage ▪ Data visible for one domain ▪ Data will not be deleted after closing browser window  SessionStorage ▪ Data visible for one page ▪ Data will be deleted after closing browser window Ing. Jiří Štěpánek

 Technology of persistent connection between client and web application.  Client can be notified by server  No need for periodical queries  Impossible in older HTML versions Ing. Jiří Štěpánek

 SVG = Scalable Vector Graphics  Vector graphics  Stored in XML format  Resolution independent  Can be animated Ing. Jiří Štěpánek

Ing. Jiří Štěpánek, převzato z

 Questions?  Next – CSS3  Sources:  Ing. Jiří Štěpánek