1 / 10

HTML5 New Tags

HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision of the language to date. It introduces many new features in a variety of areas. Some of the more notable additions include:

ducathub
Download Presentation

HTML5 New Tags

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Welcome To Ducat India HTML5 New Tags

  2. HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision of the language to date. It introduces many new features in a variety of areas. Some of the more notable additions include: • Built-in multimedia tags for audio and video • A canvas tag for drawing content in the browser • Smarter forms that let you do things such as validation through the use of a required attribute

  3. Differences between HTML5 and HTML4 HyperText Markup Language or simply HTML is the markup language used by web developers to create web pages. HTML 4 amplifies HTML with systems for templates, scripting, outlines, installing objects, enhanced backing for the right to left and blended course message, wealthier tables, and upgrades to structures, offering enhanced openness for individuals with handicaps. HTML 4.01 is an amendment of HTML 4.0 that redresses mistakes and rolls out a few improvements since the past modification HTML5 is the fifth version of HTML and is a core technology markup language of internet that is used for structuring and presenting the content for WWW. It is the latest, final and complete version of HTML standard of the W3C (World Wide Web Consortium). It is the successor of HTML4 that was standardized in 1997. The aim of HTML5 is to improve the language by support of latest multimedia while keeping it user friendly and easily readable by humans and consistently understood by computers and devices such as web browsers parser, etc. HTML5 is intended to subsume not only HTML4, but also XHTML 1 and DOM Level 2 HTML. HTML5 is a response to the fact that the HTML and XHTML in common use on the WWW are mixture of features launched by multiple specifications, along with those launched by software products such as web browsers, those established by common practice. HTML5 is a markup dialect utilized for organizing and displaying content on the World Wide Web. As the name implies, the HTML 5 is the fifth and current form of the HTML standard. It was distributed in October 2014 by the World Wide Web Consortium (W3C) to enhance the dialect with backing for the most recent interactive media, though keeping it effortlessly coherent by people, and reliably comprehended by PCs and gadgets, for example, web programs, parsers, and so on.

  4. Following are some of the major characteristics that distinguish HTML5 from HTML4. • Simplified and Clear Syntax The syntax in HTML5 is extremely clear and simple as compared to HTML4. One example of this is the DOCTYPE element. In HTML4 the DOCTYPE declaration was too messy and lengthy and used to refer an external source. However in HTML5 DOCTYPE element has been made extremely simple. For instance a mere <!DOCTYPE html> is enough to specify the document type. • Multimedia Elements HTML5 contains built in support for integrated multimedia files into web page via video and audio tags. Previously, in HTML4, the multimedia content was integrated in web pages via third party plugins such as Silverlight and flash. • Accessing User Geographical location Previously in HTML4, it was an extremely cumbersome task to get the geographical locations of the visitors visiting the site. It was even difficult when the website was accessed through mobile devices. On the other hand, in HTML5 is extremely easy to get the user location. HTML5’s JS GeoLocation can be leveraged to identify the location of the user accessing the website. • Client Side storage In HTML4, in order to store important data on client side, browser’s cache was used. However, that cache is limited and doesn’t support relational storage mechanism. In HTML5, this issue has been addressed via Web SQL database and application cache that can be access via HTML5’s JavaScript interface. • Client Server Communication In HTML4 the communication between the client and server was done through streaming and long polling, since there are no web sockets available in HTML4. On the contrary, HTML5 contains web sockets that allow full duplex communication between clients and servers. • JavaScript Threading Mechanism In HTML4, JavaScript and the browser interface with which user interacts, run in the same thread which affects performance. HTML5 contains JS Web Worker API which allows JavaScript and Browser interface to run in separate threads. • Browser Compatibility As aforementioned, HTML4 is an established standard for developing browser applications and has been in use for more than 10 years. For this reason, HTML4 is compatible with almost all web-browsers. On the other hand, HTML5 is still in the process of evolution and the currently available tags are being modified and also new tags are being added. Therefore, HTML5 lags behind HTML4 in terms of compatibility with the browsers.

  5. Semantics of HTML 5 tags • The HTML 5 tags are explanatory itself. They reveal their functionality with their syntax. For example: • Header tag is used for header . In case of HTML 4 we used id or class to define header. • Footer tag is used for footer part . In case of HTML 4 we used id or class to define footer. • HTML5 New Tags • With a new set of structural tags, HTML5 revises the way that HTML documents are structured. The new structural tags focus on dividing an HTML document into logical parts. • These, and other sections and page elements, are quite common, so HTML5 includes tags that break documents into the common sections and indicates the content contained in each section. The new tags are: • header • section • article • aside • footer • nav

  6. Consider an example of HTML 4 Let’s learn about the above HTML5 tags in brief where we have explained using above example. The header tag Header tag is used for define a header section. Header is always used top of the any html documents or page. Note: Header tag never use within other tag like within footer tag, section tag, nav tag.

  7. Generally header area contains following information. • Wesite logo • Contact us • Login • List of menu • Social media links • Below is the code from previous example, modified to use a header tag.

  8. The section tag Html <section> tag are used to defined sections in a document, such as chapters, headers, footers, or any other sections of the document on the web page. Adding a section tag to the code in Example 1 results in the following code:

  9. The article tag Html <article> tag an independent self-contained content in a document, page, application or a site. <article> tag is generally used on Blog post, News story, Forum post, comment etc. Adding article tags to the code Example 1 results in the code shown below.

  10. THANK YOU CONTACT MOB:- 70-70-90-50-90 Email:- info@ducatindia.com

More Related