New Structure HTML5

New Structure HTML5 : It is often the talk with XHTML Just like books, web pages have a structure such as navigation, content, header, footer, and others. Like this, the WHATWG and added some new tags to support the structure.

When in HTML4 and XHTML we must use or <div> <table> to divide the structure, then the new HTML5 can use the following tags:

<section> - same function as <div>
<header> - the contents of the header content here
<footer>   - content footer content here
<nav>       - making menu navigation
<article>  - article content (text, images, links)
<aside>    - create a sidebar or float page
<figure>   - put the picture in the article


Basically, HTML5 is still the same basic shape as the basic structure of an HTML document in general:

<! DOCTYPE HTML>
<html>
<body>
<header> contents of the header (banner, menu, etc.)
                 <nav> menu navigation can be here </ nav>
</ header>
Welcome <article> <section> </ article> </ section>
</ body>
</ html>

However, we still can use HTML tags like <div> previous version, <table>, <p> and so forth.

New Element inline HTML5
Here is a new element which can be used mainly by HTML5.

<mark>       - to mark the elements (text, images)
<time>        - time and date information
<meter>      - measuring media content (eg%)
<progress> - inform progress

HTML5 supports not only the standard input screen, there are some new types of input, such as time and date, month, week, number, range, email and URL.

Advanced Features of HTML5
Of the many new things HTML5 offered here are some of the latest:
  •      Canvas Element
With <canvas> days, the surface can be used to dynamically draw graphics using JavaScript. For example, as a circular, diagonal lines, to three-dimensional graphics.
  •      Video & Audio Elements
Before HTML5, applications need video or audio in HTML Help third-party plugins such as Apple QuickTime or Flash. In HTML5, just use the tag <video> for video files and audio files for insertion <audio>.
  •      Geo location
The communication of the new user's current position is not on the Internet, for example, using IP addresses. However, this method is not always reliable. The location of the user can continue with the information free Wi-Fi and GPS with HTML5 and JavaScript. Similarly, as used in smartphones.
  •      Offline Web Applications
HTML5 allows the user to continue to interact with web applications without having to be online. For example, to edit a document in Google Docs or edit photos on sites such as image processing picnic.com

And many other new features like the ability to drag and drop, fire text, Data Grid, cross messaging document, SVG and other elements.

No comments:

Post a Comment