New Elements in HTML5
The internet, and the use of the internet, has changed a lot since HTML 4.01 became a standard in 1999.
Today, several elements in HTML 4.01 are obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.
To better handle today's internet use, HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.
The New
| Tag | Description |
|---|---|
| Used to draw graphics, on the fly, via scripting (usually JavaScript) |
New Media Elements
| Tag | Description |
|---|---|
| Defines sound content | |
| Defines a video or movie | |
| Defines multiple media resources for | |
| Defines a container for an external application or interactive content (a plug-in) | |
| Defines text tracks for |
New Form Elements
| Tag | Description |
|---|---|
| Specifies a list of pre-defined options for input controls | |
| Defines a key-pair generator field (for forms) | |
| Defines the result of a calculation |
New Semantic/Structural Elements
HTML5 offers new elements for better structure:
| Tag | Description |
|---|---|
| Defines an article | |
| Defines content aside from the page content | |
| Isolates a part of text that might be formatted in a different direction from other text outside it | |
| Defines a command button that a user can invoke | |
| Defines additional details that the user can view or hide | |
| Defines a dialog box or window | |
| Defines a visible heading for a element | |
| Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. | |
| Defines a caption for a | |
| Defines a footer for a document or section | |
| Defines a header for a document or section | |
| Defines marked/highlighted text | |
| Defines a scalar measurement within a known range (a gauge) | |
| Defines navigation links | |
| Represents the progress of a task | |
| Defines a ruby annotation (for East Asian typography) | |
| Defines an explanation/pronunciation of characters (for East Asian typography) | |
| Defines what to show in browsers that do not support ruby annotations | |
| Defines a section in a document | |
| Defines a date/time | |
| Defines a possible line-break |
Removed Elements
The following HTML 4.01 elements are removed from HTML5:
</li> <li><strike></li> <li><tt></li> </ul> <div> <font face="verdana, helvetica, arial, sans-serif"><span style="font-size: 12px; line-height: 16px;"><br></span></font></div> <div> <span style="color: rgb(51, 51, 51); font-size: small; background-color: rgb(255, 255, 255);">All contents posted are not uploaded by me. I found them on the net and i am sharing it with you. Hence CREDITS to original uploader</span></div> <p> </p> </div>
3 comments:
Good post!
I am extremely impressed along with your writing abilities, Thanks for this great share.
very informative post for me as I am always looking for new content that can help me and my knowledge grow better.
Post a Comment