html5 by prash962000


									Name: B. Pradeep kumar

College Name: ACE Engineering College

Mail ID:

Ph no: 8125339742


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.

       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

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.


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 non-
graphical 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


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,

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                     7

FireFox              255                     9

Safari               187                     0

Internet Explorer    130                     5

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



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

     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 that’s exactly why HTML5 video is
      excellent for mobile devices, but the future of the web is in the mobile realm, and-
      HTML5 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.


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


      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.


To top