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.
Before we proceed further, let’s take a quick look at what’s new in HTML5.
In HTML4, the DOCTYPE written as:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
In HTML5, the DOCTYPE rewritten as:
<!DOCTYPE html>
In HTML4, the character set declaration written as:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
In HTML5, the character set declaration rewritten as:
<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 |
You may also like:
- Top 5 Tips to Prevent Online Scams
- Top 10 Platforms to Learn Cybersecurity
- Top 7 Commercial Linux Distributions
- Why Do I Need a Website?
- Reinforcement Learning in Real-world Applications: The Latest Successes and Challenges
- Various Python Libraries for developing RESTful APIs
- Top 7 NodeJS Frameworks You Need To Know
- How Buying Instagram Followers Can Help Businesses Soar
- How To Find Gaps In Your Cybersecurity And How To Address Them
- How to close the site from indexing using robots.txt