HTML 5 A Web Revolution
Hi All
From Today i m going to post HTML 5 for beginners, i will post step by step tutorial, Cheers....
What is HTML 5??
- HTML 5 is an new standard for Web.
- Previous version of HTML is 4.01 its introduced in the year 1999.
Browser Support
- However, the major browsers support many of the new HTML5 elements and APIs.
Who is defining web standard?
- w3c - World Wide Web Consortium
How to Start? Where to Start?
Its simple!!
- In HTML5 there is only one <!doctype> declaration, and it is very simple:
<!doctype html>
<!doctype html>
<html>
<head>
<title>
This is an simple page HTML 5 Page
</title>
</head>
<body>
The Content of the Page ;-))
</body>
</html>
Procedure to Test file:
- Copy and Paste the above code in Text Editor
- Save As filename index.html
- run index.html file
New Features in HTML 5
- Today web is changed a lot since HTML 4.01.
- HTML 4.01 tag most never used or not used the way they were intended
- In HTML 5 older tag are removed mostly. and some tag are rewritten
- New Structural Elements
- New Media Elements
- New Form Elements
- The <canvas> Elements
Before going to elaborate the new element just have a look which are tag removed from older version
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
| Tag | Description |
|---|---|
| <article> | Defines an article |
| <aside> | Defines content aside from the page content |
| <bdi> | Isolates a part of text that might be formatted in a different direction from other text outside it |
| <command> | Defines a command button that a user can invoke |
| <details> | Defines additional details that the user can view or hide |
| <dialog> | Defines a dialog box or window |
| <summary> | Defines a visible heading for a <details> element |
| <figure> | Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. |
| <figcaption> | Defines a caption for a <figure> element |
| <footer> | Defines a footer for a document or section |
| <header> | Defines a header for a document or section |
| <hgroup> | Groups a set of <h1> to <h6> elements when a heading has multiple levels |
| <mark> | Defines marked/highlighted text |
| <meter> | Defines a scalar measurement within a known range (a gauge) |
| <nav> | Defines navigation links |
| <progress> | Represents the progress of a task |
| <ruby> | Defines a ruby annotation (for East Asian typography) |
| <rt> | Defines an explanation/pronunciation of characters (for East Asian typography) |
| <rp> | Defines what to show in browsers that do not support ruby annotations |
| <section> | Defines a section in a document |
| <time> | Defines a date/time |
| <wbr> | Defines a possible line-break |
No comments:
Post a Comment
Comment Here..