2. CONTENTS
• Introduction
• Why HTML5?
– Doctype declaration
– New elements
– New features in the media
– New application programming interfaces(API’S)
– New features in the graphics
• Disadvantages
• Conclusion
2
3. INTRODUCTION
• HTML5 WHATWG First Public Draft2008
• HTML5 WHATWG Living Standard 2012
• HTML5 W3C Final Recommendation 2014
3
4. WHY HTML5?
• Doctype declaration
• New elements
• New features in the media
• New features in the graphics
• New application programming interfaces(API’S)
4
9. METER TAG
Attribute Meaning
Form One or more form
High High value
Low Low value
Min Minimum possible value
Max Maximum possible value
Optimum Optimum value
Value Actual value
9
16. NEW FEATURES IN MEDIA
• VIDEO
• AUDIO
• PLUG INS
• YOU TUBE
16
17. VIDEO
• Supported without any plug-ins.
• Previously Adobe Flash Player.
• Supported formats :WebM,Ogg,MP4
17
18. ATTRIBUTE MEANING
autoplay Played automatically
autobuffer Buffers automatically
controls Adds play,pause,volume
Height and width Dimensions
loop Automatic replay
preload Loaded at a page
poster URL of the image to show
src Source of the video
18
24. PROPERTY DESCRIPTION
coords.latitude The latitude as a decimal number
coords.longitude The longitude as a decimal number
coords.accuracy The accuracy of position
coords.altitude The altitude in meters above the mean sea level
coords.altitudeAccuracy The altitude accuracy of position
coords.heading The heading as degrees clockwise from North
coords.speed The speed in meters per second
timestamp The date/time of the response
24
26. ERROR HANDLING
Property Type Description
code Number Contains a numeric code
for the error.
message String Contains a human-
readable description of
the error.
26
27. Code Constant Description
0 UNKNOWN_ERROR The method failed to retrieve
the location of the device due
to an unknown error.
1 PERMISSION_DENIED The method failed to retrieve
the location of the device
because the application does
not have permission to use
the Location Service.
2 POSITION_UNAVAILABLE The location of the device
could not be determined.
3 TIMEOUT The method was unable to
retrieve the location
information within the
specified maximum timeout
interval.
27
29. DRAG AND DROP
Events Description
dragstart Fires when the user starts dragging of
the object.
dragenter Fired when the mouse is first moved over
the target element while a drag is
occuring.
dragover This event is fired as the mouse is moved
over an element when a drag is occuring.
dragleave This event is fired when the mouse
leaves an element while a drag is
occuring..
drag Fires every time the mouse is moved
while the object is being dragged.
drop The drop event is fired on the element
where the drop was occured at the end of
the drag operation
dragend Fires when the user releases the mouse
button while dragging an object. 29
33. SSE(Server Sent Events)
• Automatic updates from the server.
Examples: Facebook/Twitter updates, stock price updates, news feeds,
sport results, etc.
Event Meaning
onmessage When a message is received
onerror When an error occurs
onopen When a connection to the server is
opened
33