Here is the link to demo. It is compatible with firefox and chrome for now but not that much robust.
HTML 5 has come up with some super cool tags, which makes things(coding) easier and reduces the use of third party applications(flash, Adobe is going to launch Adobe Edge in near future which generates code in jQuery, HTML 5, CSS). Here are some of the tags which are revolutionary.
iframe: It is not related to Steve Jobs or Apple at all! 😉 Well it is super awesome tag. It works like page in some page. Place it where ever you want. Try it, you gonna love it.
<iframe src="somefile.html">Not supported by browser</iframe>
audio: Before this we used to use third party tools for audio. This lets you embed audio without any problem in your webpage.
<audio controls="controls" ><source src="somefile.mp3" type="audio/mp3" />Not supported by webbrowser</audio>
video: Same as audio just the tag name is changed and source type.
<video controls="controls"><source src="somefile.mp4" type="audio/mp4" />Not supported by webbrowser</audio>
progress: Many times we brainstorm over progress bar. Here it is, very simple to use and looks pretty cool, basically dependent on OS you are using.
<progress value="40" max="100"></progress>
header: This creates header and it knows where it should be.
<header><p>Some thing some thing</p></header>
footer: This places footer in the webpage. But personally I don’t understand its behaviour.
nav: Now you don’t need to write extra CSS for making navgation, like inline.
<nav><a href="1.html">One</a><a href="2.html">Two</a></nav>
Tip: Use nav with header and footer.
- This is not all read about these tags, they have lot of things.
- You can see HERE. Everything is explained beautifully.