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

»

Web Development Vs. Software Development: What Is the Difference?

As technology continues to transform all aspects of our lives, a lot ...

»

Web Redesign : Is Your Landing Page Begging for one?

How do you know when it’s time to web redesign your landing page? ...

»

Customer Acquisition: Few Steps To Improve This.

Customer acquisition is essential to any business’s success — to ...

»

Mobile App Development Tools: 5 Enterprise-Ready For Rapid Deployment

There are several enterprise-ready mobile app development tools for ...

»

Docker: How To Build Better Development Security With It

The top concern among developers and DevOps teams is security within ...

»

Mobile Development: How to Reduce Costs

Modern markets have become so competitive that it has become vital ...

»

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 ...