New Tags/Elements which were introduced with HTML5 are as follows:
| Html5 Tags | Description |
|---|---|
| <header> | Defines a header for a document |
| <footer> | Defines a footer for a document |
| <article> | Defines an article in your document |
| <aside> | Defines content aside from the page content |
| <audio> | Allow to play audio on browser. |
| <canvas> | Used to draw Graphics on web. |
| <figure> | Specifies self-contained content |
| <meter> | Defines a scalar measurement within a known range |
| <nav> | Defines navigation links |
| <section> | Defines a section in a document |
| <source> | Defines multiple media resources for media elements (audio and video) |
| <video> | Defines a video or movie |
| <progress> | Represents the progress of a task |
| <mark> | Defines marked/highlighted text |
| <details> | Used to create an interactive widget that the user can open and close |
| <bdi> | Full form of BDI is Bi-Directional Isolation. This element is useful when embedding user-generated content with an unknown directionality. |
| <summary> | It specifies a visible heading for <detailed> element. |
| <wbr> | Used for possible line bread |
| <time> | Used for define date and time |
| <track> | Used for defines text tracks for media elements (<video> and <audio>) |
| <source> | Used for defines multiple media resources for media elements (<video> and <audio>) |
| <ruby> | Used for defines a ruby annotation |
| <output> | Used for represents the result of a calculation |
HTML5 New Form Tags
| Html5 Tags | Description |
|---|---|
| <datalist> | Defines a list of pre-defined options for input controls |
| <output> | Defines the result of a calculation |
HTML5 New Form Input Types
- datetime
- datetime-local
- date
- month
- week
- time
- number
- range
- url
HTML5 New Graphics Tags
| HTML5 Tags | Description |
|---|---|
| <canvas> | Draw graphics, on the fly, via scripting (usually JavaScript) |
| <svg> | Draw scalable vector graphics |
HTML5 New Media Tags
| HTML5 Tags | Description |
|---|---|
| <audio> | Defines sound content |
| <embed> | Defines a container for an external (non-HTML) application |
| <source> | Defines multiple media resources for media elements (<video> & <audio>) |
| <track> | Defines text tracks for media elements (<video> & <audio>) |
| <video> | Defines video or movie |
HTML5 New Attribute
| Attribute Types | Examples |
|---|---|
| Empty | <input type=”number” value=”100″ disabled> |
| Double-quoted | <input type=”text” value=”MxTheme”> |
| Single-quoted | <input type=”text” value=’MxTheme’> |
| Unquoted | <input type=”email” value=mxtheme@dummy.com> |
