HTML 5 New features
 |
Main idea behind New HTML 5 feature is to provide standard in web development world.
From long time we are relying on many third party libraries/plugins to achieve some common functionalities like datepicker, animations, validations, playing videos and audios, offline browsing, client side multi-threading etc.,
Now we will be able to achieve many such functionalities in a standard way.
Note For beginners – Standard means, everyone will follow the same approach in order to achieve something. Example – You will see same validation code everywhere (in all future applications). Right now there is no standard. Someone is using jQuery validation where as someone is using something else. But now onwards there will be standard.
Let’s explore each of them one by one.
|
Understanding new Page structure semantics
When we think about a Web UI what comes to your mind.
Header (not head tag – Header of a page), Footer, navigation bar, Content of page, images, Caption to those images, a side bar etc.
 |
You can see an alien image in the left side and a normal boy image in the right side.
Everyone can easily locate and identify every body part from the right side image, because it’s a standard. This is not a case with left image.
Same logic applies when it comes to UI development.
|  |
Earlier HTML didn’t had standard tags or elements for defining different visible sections of a document such as header of document, footer of a document, content of a document etc. Some people were using “div” decorated with some css styles and some were using “table…tr…td”. Problem with this approach was inconsistency.
|
 |
Now with HTML 5 we have support for standard tags such as Header, Footer, nav, FigCaption (figure caption) etc., each of which will represent some special section.
These tags makes our markup a semantic markup.
Note: - This tag doesn’t provide any special advantages in rendering. They only makes our HTML structure meaningful.
| |
 |
No comments :
Post a Comment