20 + tags introduced in HTML5 you really should know

HTML 5 reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Flash, Silverlight, Pivot, and Sun JavaFX.

1. Article

 <article></article>

Defines an article block.

.

2. Aside

<aside></aside>

Defines sidebar from the page content.

.

3. Audio

<audio></audio>

Defines sound content.

.

4. Canvas

<canvas></canvas>

Define graphics.

.

5. Command

<command></command>

Defines a command.

.

6. Datagrid

<datagrid></datagrid>

Defines data in a tree-list.

.

7. Datalist

<datalist></datalist>

Defines an autocomplete dropdown list.

.

8. Details

<details></details>

Defines details of an element.

.

9. Dialog

<dialog></dialog>

Defines a dialog or conversation.

.

10. Eventsource

<eventsource></eventsource>

Defines a target for events sent by a server.

.

11. Figure

<figure></figure>

Defines a group of media content, and their caption.

.

12. Footer

<footer></footer>

Defines a footer for a section or page.

.

13. Header

<header></header>

Defines a header for a section or page.

.

14. Mark

<mark></mark>

Defines marked text.

.

15. Meter

<meter></meter>

Defines measurement within a predefined range.

.

16. Nav

<nav></nav>

Defines navigation links.

.

17. Output

<output></output>

Defines some types of output.

.

18. Progress

<progress></progress>

Defines progress of a task of any kind.

.

19. Section

<section></section>

Defines a section.

.

20. Source

<source></source>

Defines media resources.

.

21. Time

<time></time>

Defines a date/time.

.

22. Video

<video></video>

Defines a video.

.

via w3shools

Cheers!

Recently Published

»

Know-How DevOps Benefits Your Business

The organizations in this current fast-paced environment need to ...

»

10 Best Prototyping Tools for UI/UX Designers

Website design for a client gets only successful if you follow their ...

»

Social Media Marketing: Strategy To Boost Ecommerce-Traffic

According to a recent study, the experts revealed that people aged ...

»

How Flutter Can Help Reduce Overall Mobile App Development Cost?

Before jumping on answering the question, let me first walk you ...

»

Which One is Better? DigitalOcean Or AWS?

Digitalocean or AWS: Picking a cloud service for your application or ...

»

Killing way to select Domain Name and Hosting

Planning to launch your online presence? We know it’s all very ...

»

7+ blogs to inspire how they made more than $200 in a day

On this page I want to go through the blogs on how they earn money ...

»

5 Best Practices to Make Responsive Web Design in 2020

According to statistics, 40.1% of the time spent on websites came ...

»

7 sites to download free stock videos for TikTok or YouTube

Many of us always wandering for free stock videos to integrate into ...