Post on 10-Apr-2017
transcript
Aavaas GajurelMsp2014 : IOE,Pulchowk
What’s all the fuss about HTML5HTML5 IS MORE A MOVEMENT THAN A UNIQUE, IDENTIFIABLE TECHNOLOGY
What is Html5
New HTML Previous html was 15 years ago (1999 HTML 4.01) Just a specification (loads of it) WHATWYG (Web Hypertext Application Technology Working
Group) started in 2004 a cooperation between W3C and WHATWYG
Not just HTML markup
Major highlights
What makes HTML5
Html markup CSS 3 JavaScript HTML5 ≈ HTML 5 + CSS 3 + JavaScript Browser compatibility Rich Internet Applications NO PLUGINS PLEASE!
HTML markup
Flexible (backward compatibility) Better semantics Simpler code Additions Removals Error handling
Doctype The doctype for xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
The doctype for HTML5:<!DOCTYPE html>
Character Set HTML4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
HTML5<meta charset=utf-8>
semantics
Give more meanings to your content Before it was all Divs
<header> <hgroup>
<nav> <section>
<article> <header>
<aside> <footer> <time> <mark>
More elements
More input types Search, tel, url, email, color, sliders, datetime, ….. <audio> <video> with controls Still some inconsistency over codecs (WebM, h.264) <SVG> inline (infinitely zoomable elements)
Canvas
Creates a whole new arena for Design Raster Display element Draw elements and manipulate them using javascript Create Games! Dynamic displays Web3D Full Fledged Application with the help of javascript
Depreciated elements
<u> <font> <center> <big> <dir> <basefont> <applet> <tt> <strike>
<frame> <noframes> <frameset>
CSS Level 3
New selectors Web Fonts Columns Rounded corners, Gradients Transforms Transitions Animations Means less JavaScript!
JavaScript
New selection methods Local storage Web SQL database Offline storage Web workers Web sockets Drag and drop Geo location
compatibility
Only modern browsers Not fully implemented in all browsers Browser/Vendor prefixes (-ms-, -moz-, -o-, -webkit- ) HTML5 is not fully finalized Standards are in development New markup and architecture design are being proposed www.modernizr.com
Future
Displacement of Flash More immersing web experience Better coding experience for developers No browser incompatibilities Future of ubiquitous application development Towards semantic web 3.0
Thank you!THEAVS@LIVE.COM