New HTML5
Is it different?
The new HTML5 is not different than earlier HTML, it is same but with little changes and new elements which will help the web designer to deliver perfect websites.
Tag Enhancement
Surely we know how to use HTML / XHTML, in HTML5 all older code are supported, for instance the following shows XHTML code (supported in HTML5)
<br />This is the first line, ok.
<br />This is second line.
<br />Last line.
We also can write below in the new HTML5
<br >This is the first line, ok.
<br>This is second line.
<br>Last line.
The break line elemet <br> has dropped the XHTML support for the closing / in HTML5, however the code will work in XHTML browsers (this doesn’t mean that HTML5 is all backwards compatible, some (many) of new HTML5 elements aren’t supported in older web browser).
Another example is the DOCTYPE, now it’s easier to work and use it, with XHTML its quite long code to write and normally we are copying it, but with the new HTML5 we can simply write
<!DOCTYPE html>
Above code will automatically till the browser that the page is in HTML5, the DOCTYPE isn’t case sensitive.
HTML5 New elements
To help to design your website and to control it in better way, new elements cover these main functions:
• Blocking page content
• Form structure
• Media management
The blocking of content is commonly used with DIV or the complex tables. HTML5 introduces new elements that allow you to easily insert blocks to the page and control it, the new elements will help you better describe your page contents and it will help the developer to understand the code easily, the new elements are (some):
• Header
• Section
• Article
• Aside
• Footer
• Nav
The FORM element also received upgrades, it allow you to add the following visual effects to forms fields:
• Format the form to add only telephone numbers
• Allow a field that is picking a web address to validate it against the client browser history
• Format a field to accept only a valid email address
• Enable a field to pick date from calendar
• Force field to be the first default field in the form
• Highlight fields that are required
What is not supported in HTML5?
Provisory I’ve mentioned that HTML5 support XHTML, but some elements are dropped now and no longer will be used, for instance MARQUEE, CENTER, FRAME and there are more.
In my future posts I’ll explain briefly the new elements, and some practical example.
If there is mistake in above information, please let me know (we are here to learn).
