0% found this document useful (0 votes)
357 views8 pages

New HTML 5 Tag List

The document provides an overview of HTML5 tags and their functions, including structural elements like <header>, <nav>, <section>, and <article>. It also details specific tags such as <meter>, <mark>, <dialog>, <main>, <wbr>, <figure>, and <progress>, explaining their attributes and usage. Additionally, it highlights the <details> and <summary> tags for expandable content and the <figcaption> for captions in figures.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
357 views8 pages

New HTML 5 Tag List

The document provides an overview of HTML5 tags and their functions, including structural elements like <header>, <nav>, <section>, and <article>. It also details specific tags such as <meter>, <mark>, <dialog>, <main>, <wbr>, <figure>, and <progress>, explaining their attributes and usage. Additionally, it highlights the <details> and <summary> tags for expandable content and the <figcaption> for captions in figures.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 8

DOCTYPE Declaration HTML5

<!DOCTYPE html>
HTML 5 Tags
• <article> • <bdi> • <progress> • <track>

• <aside> • <mark> • <rp> • <template>


• <output> • <rt> • <audio>
• <details>
• <dialog> • <rb> • <video>
• <header>
• <main> • <rtc> • <data>
• <footer>
• <wbr> • <ruby> • <datalist>
• <nav>
• <canvas> • <time> • <source>
• <section> • <menu> •
• <figcaption> <embed>
• <summary> • <figure> • <menuitem>
• <meter>
• Header – It specifies a header for a document or section.
• Nav – It defines navigation links.
• Section – It defines a section in a document.
• Article – It defines an article. For example a blog post or forum post etc.
• Aside – It can define content aside from the page content like a sidebar.
• Details – It is used to defines additional details that the user can view or
hide. 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 details will be hidden.
• Summary – It is used to defines a visible heading for a <details> element.
• Footer – It specifies a footer for a document or section.
Meter Tag
It defines a scalar measurement within a known range, or a fraction value.
This is also known as a gauge. It should not be used to indicate progress bar. If
browser doesn’t support meter tag then it will show text written between
opening meter tag and closing meter tag.
Ex:-
<meter value=“20” max=“100” min=“10”>Range</meter>
<meter low="60" high="80" value="100" max="100">Range</meter>
Meter Tag Attributes
Attribute Value Description
value Number Specifies the current value of the meter. This must be
between the min and max values.
form Form_id It associates the <meter> with a <form>
high Number It specifies the range that is considered to be a high value.
This must be less than max value.
low Number It specifies the range that is considered to be a low value.
This must be greater than min value.
max Number It specifies max value of the range.
min Number It specifies min value of the range.
optimum Number It specifies what value is the optimal value for the meter.
• Mark – This tag is used to highlight text or part of the text.
Ex: - <p>This is <mark>Geekyshows</mark></p>

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

You might also like