- by x32x01 ||
HTML goes back a long way which was first published as an Internet in year 1993 where as HTML5 takes a giant step toward the clean separation of presentation and content.
HTML5 is all about simplification and avoiding needless complexity. HTML5 is also designed to handle errors well, with a variety of improved and ambitious error handling plans.
![[1 To 30] HTML5 Tags CheatSheet](https://tabcode.net/attachments/1-to-30-html5-tags-cheatsheet-png.440/)
Before we proceed further, let’s take a quick look at what’s new in HTML5
In HTML4, the DOCTYPE written as:
In HTML5, the DOCTYPE rewritten as:
In HTML4, the character set declaration written as:
In HTML5, the character set declaration rewritten as:
In this article, we’ve listed out top 30 HTML5 Tags along with one-line description which can easily be styled with CSS:
HTML5 is all about simplification and avoiding needless complexity. HTML5 is also designed to handle errors well, with a variety of improved and ambitious error handling plans.
In HTML4, the DOCTYPE written as:
Code:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>In HTML5, the DOCTYPE rewritten as:
Code:
<!DOCTYPE html>In HTML4, the character set declaration written as:
Code:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>In HTML5, the character set declaration rewritten as:
Code:
<meta charset=”utf-8″>In this article, we’ve listed out top 30 HTML5 Tags along with one-line description which can easily be styled with CSS:
| S.No | HTML5 Tag | Description |
| 1 | <article> | Defines an article |
| 2 | <aside> | Defines content aside from the page content |
| 3 | <audio> | Defines sound content |
| 4 | <canvas> | Define graphics |
| 5 | <command> | Defines a command button |
| 6 | <datagrid> | References dynamic data in a tree or tabular data form |
| 7 | <datalist> | Defines a dropdown list |
| 8 | <details> | Defines details of an element |
| 9 | <dialog> | Defines a conversation or people talking |
| 10 | <embed> | Defines external interactive content or plugin |
| 11 | <figcaption> | Defines the caption of a figure element |
| 12 | <figure> | Defines a group of media content, and their caption |
| 13 | <footer> | Defines a footer for a section or page |
| 14 | <header> | Defines a header for a section or page |
| 15 | <hgroup> | Defines information about a section in a document |
| 16 | <keygen> | Defines a generated key in a form |
| 17 | <mark> | Defines marked text |
| 18 | <meter> | Defines measurement within a predefined range |
| 19 | <nav> | Defines navigation links |
| 20 | <output> | Defines some types of output |
| 21 | <progress> | Defines progress of a task of any kind |
| 22 | <rp> | Defines browser substitute for unsupported ruby elements |
| 23 | <rt> | Defines explanation to ruby annotations |
| 24 | <ruby> | Defines ruby annotations |
| 25 | <section> | Defines a section |
| 26 | <source> | Defines media resources |
| 27 | <summary> | Defines the header of a detail element |
| 28 | <time> | Defines a date/time |
| 29 | <video> | Defines a video |
| 30 | <wbr> | Defines a possible line-break |