Quantcast
Post Pic

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

1
 <article></article>

Defines an article block.

.

2. Aside

1
<aside></aside>

Defines sidebar from the page content.

.

3. Audio

1
<audio></audio>

Defines sound content.

.

4. Canvas

1
<canvas></canvas>

Define graphics.

.

5. Command

1
<command></command>

Defines a command.

.

6. Datagrid

1
<datagrid></datagrid>

Defines data in a tree-list.

.

7. Datalist

1
<datalist></datalist>

Defines an autocomplete dropdown list.

.

8. Details

1
<details></details>

Defines details of an element.

.

9. Dialog

1
<dialog></dialog>

Defines a dialog or conversation.

.

10. Eventsource

1
<eventsource></eventsource>

Defines a target for events sent by a server.

.

11. Figure

1
<figure></figure>

Defines a group of media content, and their caption.

.

12. Footer

1
<footer></footer>

Defines a footer for a section or page.

.

13. Header

1
<header></header>

Defines a header for a section or page.

.

14. Mark

1
<mark></mark>

Defines marked text.

.

15. Meter

1
<meter></meter>

Defines measurement within a predefined range.

.

16. Nav

1
<nav></nav>

Defines navigation links.

.

17. Output

1
<output></output>

Defines some types of output.

.

18. Progress

1
<progress></progress>

Defines progress of a task of any kind.

.

19. Section

1
<section></section>

Defines a section.

.

20. Source

1
<source></source>

Defines media resources.

.

21. Time

1
<time></time>

Defines a date/time.

.

22. Video

1
<video></video>

Defines a video.

.

via w3shools

Cheers!

Like It? Share it.

                                                       


Comments

03.17.10

Some practical examples would be very cool.

03.17.10

It really helpful for me…

03.17.10

Wow ! HTML 5 is really nice .i am looking forword for it ! Still IE 8 does not have it .Mozilla users can enjoy it .

03.17.10

Thanks For these.

03.17.10

OoO. HTML5?!!! And when html4 be? :)

03.17.10

I really excited about the new features in HTML5 and CSS3! I cant wait till IE9 comes out and hopefully supports the new technologies!

03.17.10

Nice but I don’t undestand the footer and header tags. You don’t need a div footer anymore? I am a little bit confused now.

03.17.10

Header tag?!
there are 6 of those already for years…
sounds like a bad thing to me.

03.17.10

Good list to keep in mind (especially for those who are not savvy coders). What would be nice are examples of what they do.

03.17.10

This section contains information about all of the valid tags belonging to the latest version of strict XHTML .

I really have to admire your efforts…you need to work a lot for this collection..awesome work..

Helo!

Thx for your inforamations!
I like this website !
5 Stars !

Jurica

Hello!

Cool site!

Thx

03.17.10

Nice point! Keep this good job up, I will check up some time.

Leave Your Response

* Name, Email, Comment are Required