HTML5 development company in Delhi

HTML5


HTML5 is the latest version of HTML. Several new tags were added in html5 like header, footer, article and aside etc..

HTML 5 is the next major version of the HTML standard HTML 4.01, XHTML 1.0 and XHTML 1.1. HTML 5 is a standard for structuring and presenting content on the World Wide Web. HTML 5 is cooperation between the World Wide Web Consortium and the Web Hypertext Application Technology Working Group (WHATWG). HTML 5 introduces a number of new elements and attributes that helps in building a modern websites.

  • 1. New semantic elements like HEADER, SECTION, FOOTER.
  • 2. In HTML 5 for the web forms a new attribute has been introduced for input tag.
  • 3. A next generation bidirectional communication technology called Web Socket introduced.
  • 4. HTML 5introduces events which flow from web server to the web browser and they are called Server-Sent-Events (SSE).
  • 5. HTML 5 introduces a new tag CANVAS which supports a two dimensional drawing surface that one can program with JavaScript.
  • 6. One can embed Audio and Video in web pages using HTML 5.
  • 7. Visitors can share the geological location in web applications using HTML 5.
  • 8. Microdata allow to create vocabularies beyond HTML 5.
  • 9. HTML 5 introduces new feature of drag and drop.

HTML 5 users need to use simple syntax to specify Doctype. More over HTML 5 authors can use simple syntax to specify character encoding. In HTML 5 following tags have been introduced for better structure. Section: this tag represents a generic document or application section. Article: this tag represents an independent piece of content of a document such as a blog entry on newspaper article. Header: this tag represents the header of a section. Footer: this tag represents the footer of a section. Nav: this tag represents a section of the document intended for navigation. Dialog: this tag can be used to mark up a conversation. Figure: this tag can be used to associate a caption together with some embedded content, such as graphic or video. HTML 5 SVG: SVG stands for Scalable Vector Graphics. SVG is a language for describing 2D graphics and graphical applications in XML and XML is then rendered by an SVG viewer. SVG is mostly useful for vector type diagram like Pie charts, two dimensional graphs in X, Y coordinate system. Embedding SVG in HTML 5: HTML 5 allows embedding SVG directly using SVG tag

HTML 5 WebSockets:

WebSockets is a next generation bidirectional communication technology for web applications which operates over a single socket and is exposed via a JavaScript interface in HTML 5 compliant browser. Following is the API which creates a new WebSockets object. VarSocket = new WebSockets (URL, [protocol]);

HTML 5 CANVAS:

‘HTML 5 CANVAS gives an easy and powerful way to draw graphics using JavaScript. It can be used to draw graphs, make photo compositions or do simple animations. HTML 5 introduces the element which allows an unambiguous ISO 8601 date to be attached to a human readable version of that date. Microformats are an effort to extend the expressive power of HTML by using certain attributes, mostly the class attribute in standardized way. An attribute is global if it can be applied to all elements. The two most obvious global attributes in HTML 4 are id and class, HTML 5 introduces some new global attributes. There are three major categories for HTML 5 global attributes: 1. Accessibility for Rich Internet Applications (ARIA) for providing extra data to accessibility tools. 2. Data attributes for providing extra data for scripts on your page. 3. Microdata attribute for providing extra data to browser and scripts on other sites.

ARIA:

ARIA is a standard developed at World Wide Web in response to the generally poor accessibility of early AJAX based web applications. Using HTML 5 one can cut down on the amount of mark up required to provide an accessible user experience. Custom date attributes allow user to add arbitrary data to elements for their own purpose. Microdata extend the expressive power of HTML to cover things that are not strictly mark up. One can use Microdata to designate a portion of the page as describing contact information, a calendar event or licensing information.