New HTML 5 Tag List
New HTML 5 Tag List
<!DOCTYPE html>
HTML 5 Tags
• <article> • <bdi> • <progress> • <track>
• Dialog – This tag defines a dialog box or window. It can be used to create popup dialogs. It
has one attribute-value pair which is open = “open” and that means by default the data will be
visible for users/viewers. By default it has False value so the data will be hidden.
Ex: - <dialog>Click Here</dialog>
• Main - This tag specifies the main content of a document. The content inside the <main>
element should be unique to the document. It should not contain any content that is repeated
across documents such as sidebars, navigation links, copyright information, site logos, and
search forms. There must not be more than one <main> element in a document. The <main>
element must NOT be a descendant of an <article>, <aside>, <footer>, <header>, or <nav>
element.
Ex: - <main><article>This is art</article></main>
• wbr - The <wbr> (Word Break Opportunity) element specifies a position within text where the
browser may optionally break a line if necessary.
Ex: - <p>Hello Geeeeeeeeeeeeeeeeeeeeeeeeekky<wbr>shows</wbr></p>
• figure - The <figure> tag specifies self-contained content, like illustrations, diagrams, photos,
code listings, etc.
Ex: - <figure> <img src=“image.jpg“ width="304" height="228"> </figure>
• figcaption - The <figcaption> tag defines a caption for a <figure> element. The <figcaption>
element can be placed as the first or last child of the <figure> element.
Ex: -
<figure>
<img src=“image.jpg" width="304" height="228">
<figcaption>Picture One</figcaption>
</figure>
• Progress - The <progress> element represents the completion progress of a task. It
has two attributes max which Specifies how much work the task requires in total
and value which Specifies how much of the task has been completed. It must be a
valid floating point number between 0 and max, or between 0 and 1 if the max
attribute is not present.
Ex: - <progress id="bar" value="0" max="100"> </progress>