HTML5
class: center, middle .title[ Front-end training # HTML5 ] --- # Why HTML5? - Because HTML5 takes a pragmatic approach, fixing common real-world problems (required attribute in form elements replaces javascript validation). - Simplified Markup - HTML5 provides native support for many features that were possible only with plugins or complex hacks (audio/video, drawing, sockets) - HTML5 is Secure by Default (Defines secure cross-origin sharing) --- # Simplified markup ## HTML4: .center[ ![html4 markup](assets/img/markup-html4.png) ] --- # Simplified markup ## HTML5: .center[ ![html5 markup](assets/img/markup-html5.png) ] --- # New HTML5 Elements .columns[.col-40[ - `
` - `
` - `