some new tags in HTML5

some new tags in HTML5

I am listing some tags that are newly introduced in html5.

I hope this may useful for html5 newbies

<article> Defines an article

<aside> Defines content aside from the page content

<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it

<command> Defines a command button that a user can invoke

<details> Defines additional details that the user can view or hide

<dialog> Defines a dialog box or window

<summary> Defines a visible heading for a <details> element

<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

<figcaption> Defines a caption for a <figure> element

<footer> Defines a footer for a document or section

<header> Defines a header for a document or section

<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels

<mark> Defines marked/highlighted text

<meter> Defines a scalar measurement within a known range (a gauge)

<nav> Defines navigation links <progress> Represents the progress of a task

<ruby> Defines a ruby annotation (for East Asian typography)

<rt> Defines an explanation/pronunciation of characters (for East Asian typography)

<rp> Defines what to show in browsers that do not support ruby annotations

<section> Defines a section in a document

<time> Defines a date/time

<wbr> Defines a possible line-break

14 posts / 0 new
Last post
For more complete information about compiler optimizations, see our Optimization Notice.

Thanks man


thank you for informations given by you all the time :)

interested in techical contribution and i welcome html5 doubts and questions

very helpful :)

Thank you nakhli

Thank you PONRAM for your post...

By the way, I have a question: "is it possible to migrate a web application developped with HTML 4 to HTML 5, or we must developped from scratch?"

You can migrate things developed in HTML4 to HTML5 provided that the removed tags not used in HTML4 else yu need to alter

Can I make a site compatible with HTML 5 by just adding the HTML 5 tag on the top of the document provided that I have developed the website in HTML 4 ?


yes you can !

but what should be use if you actaually not have any html5 components means???

thanks for the the way, i am confused with section and aside tags..still not clear when to use which tag


dear patrick,

the difference between aside and section is very small.

1. <section> can be used to separate a chapter, lesson or a new heading

2. <aside> also used to introduce new section, chapter or new writing, but provided the contents in the <aside > tag are not the follow up of the entire text of the page. But the explanation of a small word or line in the immediate previous paragrapgh. for example you explaning "I Love Intel" in these text on the next you can start a <aside> "Intel: It is a IT giant working worldwide"</aside>. Here with in aside you just explained about an word in the previous text. These tags are just to make the code more and more developer friendly i guess(may be)


patrick s. wrote:

thanks for the the way, i am confused with section and aside tags..still not clear when to use which tag

Hi Ponram, this list also is very complete, the new tag html 5:

JudLup Luna

Leave a Comment

Please sign in to add a comment. Not a member? Join today