Html5

2. Disclaimer: This presentation is prepared by trainees of
baabtra as a part of mentoring program. This is not official
document of baabtra –Mentoring Partner
Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt .
Ltd

3. Week Target Achieved
1 25 17
2 30 25
Typing Speed

4. HTML 5
SwafeenaNimaKM
Swafeenanima@gmail.com
www.facebook.com/Swafeenanima
twitter.com/username
in.linkedin.com/in/ Swafeenanima
9562852057

5. HTML 5
 HTML5 is the latest standard of HTML
 Introduces more efficient markup
 HTML5 is device independent and offers better error
handling
 Incorporates features like video playback and drag-and-
drop

6. HTML 5 (contd..)
Browser Support
 Apple Safari
 Google Chrome
 Mozilla Firefox
 Opera
 Internet Explorer 9.0

7. New Elements
 <canvas> Used to draw graphics, on the fly, via scripting
 <audio> Defines sound content
 <video> Defines a video or movie
 <source> Defines multiple media resources for <video> and
<audio>
 Geolocation: Now visitors can choose to share their
physical location with your web application

8. New Elements(contd..)
 <embed> Defines a container for an external application or
interactive content (a plug-in)
 <track> Defines text tracks for <video> and <audio>
 <output> Defines the result of a calculation
 <datalist> Specifies a list of pre-defined options for input
controls
 <keygen> Defines a key-pair generator field (for forms)

9. New Elements(contd..)
 <article> Specifies Independent, Self-contained Content
 <aside> Defines content aside from the page content
 <bdi> Isolates a part of text that might be formatted in a
different direction from other text outside it
 <command> Defines a command button that a user can invoke
 <details> Defines additional details that the user can view or hide
 <dialog> Defines a dialog box or window

10. New Elements(contd..)
 <summary> Defines a visible heading for a <details> element
 <figure> Specifies self-contained content, like illustrations,
diagrams, photos, code listings, etc...
 <figcaption> Defines a caption for a <figure> element
 <footer> Defines a footer for a document or section
 <header> Defines a header for a document or section
 <mark> Defines marked/highlighted text

11. New Elements(contd..)
 <meter> Defines a scalar measurement within a known range
 <nav> Defines navigation links
 <progress> Represents the progress of a task
 <ruby> Defines a ruby annotation (for East Asian typography)
 <rt>Defines an explanation/pronunciation of characters

12. New Elements(contd..)
 <rp> Defines what to show in browsers that do not
support ruby annotations
 <section> Defines a section in a document
 <time> Defines a date/time
 <wbr> Defines a possible line-break

13. EXAMPLES
file:///C:/Users/Nima/Desktop/baabtra/htnl5.html

15. If this presentation helped you, please visit our
page facebook.com/baabtra and like it.
Thanks in advance.
www.baabtra.com | www.massbaab.com |www.baabte.com

16. Contact Us
Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
Start up Village
Eranakulam,
Kerala, India.
Email: info@baabtra.com