HTML 5 Elements

HTML 5 Elements

  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <footer>
  • <figure>
  • <details> 
  • <main>
  • <time>

The <header> element defines a header of your document. It is always visible for the users at the top of the page:

<h3>What is JavaScript?</h3>
<p>Today we are going to talk about JavaScript</p>

The <nav> depicts the space for navigation links on your website:

<li><a href=""> Digital Marketing</a></li>
<li><a href=""> Python</a></li>
<li><a href=""> Course on Computer Concept</a></li>
<li><a href="h"> Java</a></li>

The <section> tags are used to define a separate section within a webpage, with its own content:

<h1>Section Heading</h1>
<p>The section tag can contain any elements.</p>
<img src="image.png" alt="section example">

The <article> element can be used to define the article content on your website:

<h1>Fun Fact</h1>
<p>Fun fact: most of the fun facts on the Internet are not actually fun.</p>

The <aside> semantic element defines the content which will be set to the side. It is occasionally used for creating sidebars, but can also be used for displaying less important content:

  <p>Oxford lake is a lake in the state.</p>

The <footer> element describes the footnote for your website or part of the content:

Postal Address: G. R. Complex Preetam Nagar.
<p>Copyright © 2018 All rights reserved.</p>

The <figure> element depicts space for separated content, such as photos, diagrams, etc. To provide a caption for this element, use the <figcaption> tags:

<img src="image.png" alt="The Bread Dog" width="300" height="300">

The <details> element defines the details on your website that can either be visible or hidden. To add a summary for this element, use the <summary> element:

<summary>Some details</summary> 
<p>Provide more info about the details here.</p>

The content of the <main> tags is the main content of a page. It can be an article, regular paragraph or anything else:

<main id="content" class="group" role="main">

The <mark> element highlights the text to emphasize its meaning:

<p>The mark tag is <mark>useful</mark> when you need to highlight important information</p>

The <time> element is used to define and display time and date on your web page:

<h2>The premiere show starts at <time>21:00</time> today.</h2>

CCC Online Test 2021 CCC Practice Test Hindi Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) O Level NIELIT Study material and Quiz Bank SSC Railway TET UPTET Question Bank career counselling in allahabad Website development Company in Allahabad Sarkari Exam Quiz