Tuesday 16 July 2013

What is new in html5?

HTML 5

Html 5 is markup language used to create structure .Html 5 is build on foundation of html 4 so it is supported by all the browsers we can code html 5 as the same way we did for other html versions html 5 is a loosly typed language when compared to other xhtml.In xhtml every opening tag must have a closing tag but html 5 it not needed ex <br> tag .With html 5 we can create application that provide photo sharing ,drawing,file editing etc previouly we have to install plugin for java script ,flash  for ex to play a in previous versions we need a flash player but in html 5 we can use a video tag to play a video..

How does html 5 differs from other browsers such as html 4.0:

1) In older html versions w to describe doctype we have to give <!DOCTYPE html PUBLIC "- //W3C//DTD HTML      4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> but in html 5 we have to just type <!DOCTYPE HTML>  that it we dont need to google for doctype.
2)In previous version to externally link a style sheet we have to give<lin rel="text/css type="stylesheet"      href="mistry.css> nut now in html 5 we just have type< lin rel="stylesheet" href="mistry.css"> because html 5 has declared and default type for css. Same thing can be followed for script

3)New tags such as <ruby> to embed ruby code ,<figure>,<figcaptin>  for  img,<small> tag to create sub      headings  near a  logo

4)One more import development in html5 we need not wrap the attribute with double quots like<img src="">    we can use without the quots

5)one intreating attribute in html 5  is contenteditable allows the user to edit the content  of the elements such as list

6) The <header> and <footer> used to insert header and footer content is also new in     html 5

what new in html 5:

LOCAL STORAGE

HTML 5 local storage allows web pages to store named key or value pairs locally .It is similar to a cookie the data persist even after u close the browser.But unlike cookie data the local stored data will not be transmitted to the web servers. Using a java script code we can retreive the locally stored data

AN VIDEO SHOWING LIVE AS HOW TO STORE LOCAL DATA


2)HTML 5 FORMS

Html 5 provides some new intreasting tag such as <input type=time>,<input type=date> ,<placeholder > etc


3)AUDIO AND VIDEO SUPPORT FEATURES:

Html 5 provideo tag to insert audio and video in our web browser with flash player installed system
 

CODE TO INSERT VIDEO

<video control preload>
<source src="mistry.mp4" type="video/mp4"/>


HTML 5 CANVAS


HTML 5  is used to insert dynmaic 2d images.







No comments:

Post a Comment

Total Pageviews