Name: B. Pradeep kumar College Name: ACE Engineering College Mail ID: pradeepbyndla@gmail.

com Ph no: 8125339742

ABSTRACT TOPIC: WEB TECHNOLOGIES(HTML5)

What is HTML?
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page . The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end.

INTRODUCTION:
Vannevar Bush first proposed the basics of hypertext in 1945, it laid the foundation for Tim Berners-Lee and others to invent the World Wide Web, HTML (hypertext markup language), HTTP (HyperText Transfer Protocol) and URLs (Universal Resource Locators) in 1990. Tim Berners-Lee was the primary author of html, assisted by his colleagues at CERN (European Organization for Nuclear Research), an international scientific organization based in Geneva, Switzerland. Tim Berners-Lee is currently the Director of the World Wide Web Consortium, the group that sets technical standards for the Web.

VERSIONS OF HTML: HTML 1.0 (1989 - 1994):

The first version of HTML that supported inline images and text controls. HTML 1.0 was very limited in terms of styling and presentation of content. In HTML 1.0, for example, you could not: use tables or frames, specify fonts, change page background, or use forms

Because of these limitations, every web page created with HTML 1.0 looked the same with similar background and the type of font used.HTML 1.0 was only supported by Lynx (a nongraphical browser running on UNIX) and Mosaic.

HTML 2.0 (1995):

This specification supported more browsers. HTML 2.0 was considerably improved to support: It also supported: forms with limited set of form elements such as text boxes, and option buttons change of page background use of tables

Around this time, HTML 1.1 also existed and was created by Netscape. Between HTML 1.0 and HTML 2.0 W3C was formed.

HTML 3.20 (1997) :

This version included support for creating tables and expanded options for form elements. This version also allowed web pages to include complex mathematical equations. Because W3C delayed agreeing on the next version (after HTML 2.0) of HTML, HTML 3.2 was created instead of HTML 3.0. Although HTML 3.20 specification included support for CSS (cascaded style sheets), browser manufactures did not support it very well in their browsers.

HTML 4.01 (1999) :

This version added support for style sheets and scripting ability for multimedia elements. HTML 4.01 focused on separating presentation styling information from the actual content by the use of style sheets as HTML 3.20 resulted in difficult maintenance because presentation styling information was included directly in the webpage. In HTML 4.0 with the use of style sheets, it is now possible to change the appearance/look of the website by changing just the style sheet (s) itself. In comparison, in the earlier versions of HTML making the same changes for the entire website meant changing the styling information in the individual pages!

HTML5(2011) :
HTML 5 has lot of features which includes form controls, APIs, multimedia and many more features which are previously dependent on Adobe and Microsoft Silverlight. New features in HTML5: New Doctype and Charset New Inline Elements New Dynamic Pages Support New Form Types New Elements( Video & Audio Elements and Canvas Element)

What is new in HTML 5?

1. New Attributes: HTML5 added many new attributes for the existing elements. Form attributes for input, output, textarea, button elements can be place outside the form element. Many new global attributes are added in HTML 5 like spellcheck which will tell you that whether a spellcheck is required or not for the particular element, contenteditable will hint you that the element is in an editable area, context menu attribute is to point a context menu given by the author. 2. Local storage: Local Storage is one of the most exiting features in HTML 5.HTML 5 provides a space for the browsers to store persistent data. HTML 5 new storage mechanism will keep persistent data in client machine and it can be accessed by java script and Flash. It is similar to session which will clear the data when the browser is closed, but HTML 5 local storage will keep the data in client machine. Local storage can be accessed by all the browsers where as Session can be accessed only the browser where the session was created. HTML 5 introduced Database storage to check the structured data in local database in SQL

Database. It is used to store temporary data and the data are not encrypted and it can be accessible by everyone. Modern browsers will utilize and improve the Database feature in the future. 3. Video element: HTML 5 Video element is used to embed the video files without any plug-in. If the browser is not supported then it will ignore the video element. HTML5 video will understand the video files based on the language of the video. Codec is used to read the video streams from the video file. Flash codec which costs money and it is supported in Safari browser where the other codec is free which works in browsers like Mozilla Firefox and Chromium. 4. Web Workers: HTML 5 supports multiple processes like the windows operating system where more than one processes can be running in the background. Multiple threads can be working in the background without freezing the browser user interface. If the browser supports web worker API then it will be available in global Window object.

5. Offline Web application:

HTML 5 supports working with web applications in offline. The browser will download the required HTML files, image, script and other files required for the offline-enabled web site. Browser will identify the offline mode and you can revisit the web site when you are in offline. The modified files will be uploaded the remote server when you are in online. 6. Inline Elements: HTML 5 adds new inline elements additional to the one which is present in HTML 4. It adds mark, time, meter and progress. Mark is used to highlight the text, time element will allow to display the time which can be recognized in html, meter element is used for numeric value and in order to specify the meter element we need to mention value, min, low, high and max,
5

usually it is used for scoring mark. Progress is used to show the progress bar of a ongoing action in a web page like a file upload or download and many more new elements are included in HTML 5. Most of the new elements are already provided by 3rd party tools

At present, Which Browsers Support HTML5?

Here is the result of some browsers Html5 compatibility test:

Browser Name

Compatibility Score

Bonus Score

Google Chrome

293

13

Opera

258

FireFox

255

Safari

187

Internet Explorer

130

Here, the bonus points indicate how well the browser handled some of the video/audio codecs and few other new features.

PROS and CONS of HTML5:

PROS: Hardware acceleration. This means relying on your computer or mobile devices built-in power for viewing video, rather than using software (like Flash) as a wrapper. In theory, this means better performance.
6

No plugin necessary. Plugins are hassles. In a perfect world, everything would just work. Life without plugins is a step in that direction. Good on mobile devices. This could be filed under hardware acceleration, since thats exactly why HTML5 video is excellent for mobile devices, but the future of the web is in the mobile realm, andHTML5 does a great job at moving in that direction.

Free and open. You can build HMTL5 apps without having to pay the man for anything.

CONS: No easily manageable DRM(Digital Rights Management) Poor support right now, limited browser support or scattered file support in browser

CONCLUSION: Ultimately, The goal of HTML5 is,

The primary one is consistent, defined error handling, and The secondary is to develop the ability of the browser to be an application platform, via HTML,CSS, and Javascript.