• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html 5 few Features and Elements
 

Html 5 few Features and Elements

on

  • 945 views

HTML5 carved its way out of HTML 4 in May 2011. The ever growing use of multimedia and graphics has forced W3C to make changes in the markup language. HTML5 introduced several new elements, giving ...

HTML5 carved its way out of HTML 4 in May 2011. The ever growing use of multimedia and graphics has forced W3C to make changes in the markup language. HTML5 introduced several new elements, giving websites independence from third parties plug-ins & APIs for audio, video and graphical content. HTML5 with these new powerful elements is working wonders for developers.

Statistics

Views

Total Views
945
Views on SlideShare
890
Embed Views
55

Actions

Likes
0
Downloads
10
Comments
0

2 Embeds 55

http://www.redditmedia.com 54
https://www.redditmedia.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html 5 few Features and Elements Html 5 few Features and Elements Presentation Transcript

    • HTML 5 Few Features & Elements <Prepared by Cygnis Media>
    • HTML  Hyper Text Markup Language (HTML)  Birth in late 1990s  Markup language for creating web pages  Notepad, Angle brackets and tags  HTML Elements  Defined components  For e.g. <p> is an element define a paragraph  HTM Attributes  Modifier of an HTML element  For e.g. title is an attribute related to paragraph element <p>
    • HTML5  Official Birth in May 2011  Addition of several new elements  Removal of few elements  New Semantic  New Media Elements
    • New Elements in HTML5  New Doctype  Canvas <canvas>  The Figure Element  <small> Redefined  Audio Support  Video Support
    • New Doctype  It is used to tell browsers what generation of element document will use.  Previously it was very long and descriptive  For e.g.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN” "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd”?>  In Html5 it is just define as under:  <!DOCTYPE html>  All modern browsers (Internet Explorer, Firefox, Google Chrome, Opera, and Safari) will change the content into standard mode.
    • Canvas <canvas>  This element is used to draw graphics, objects and other graphical content.  Uses Script (commonly JavaScript)  It is supported by all browsers (IE, Firefox, Chrome, Opera, and Safari)  Sample code in HTML to create a canvas:  <canvas id="myCanvas" width="200" height="100"></canvas>
    • The Figure Element  HTML5 invent figure element to define an image more clearly  <figure></figure>  When combined with another new element <figcaption> it is easy to manage images on the website  <figure>  <img src=“path/to/image”> <figcaption> <p>This is an image caption</p> </figcaption>  </figure>
    • <small> Redefined  It is used to create subheading  Useful against Logos  HTML5 redefine this element as small print.  For e.g. copyrights declaration in the footer of websites  <small>  All rights reserved to Cygnis Media Inc.  </small>
    • Audio Support  Most important change in HTML since its birth  No more reliance on third party plugins for website audio requirements  Only updated browsers support this new HTML5 feature  <audio>  <source src=“file.ogg” />  </audio>  .ogg is the file format for HTML5 (Safari won’t recognize this format)
    • Video Support  Another revolutionary additon to HTML5  No more reliance on third party plugins for website video requirements  YouTube video embed for HTML5 websites  HTML5 does not specify codecs for video, leaving it up to the browsers  Need to offer all formats used by browsers (for e.g. H.264 by Safari and IE, Theora and Vorbis by Firefox and Opera respectively)
    • Conclusion  HTML5 adds many new syntactic features  New <video>, <audio> and <canvas> elements are for easy inclusion, handling and manipulation of multimedia and graphical content.  Addition of new APIs.
    • Created By <Cygnis Media> Thank You