HTML Semantic Elements Nav (Navigation), Section, Time Tags Part-3 By #BKTutorial

 

9) <nav> (Navigation Tag)

The <nav> tag defines a set of navigation links.

Example: Home, Services, About, Contact, etc menu.

10)  <section>

The <section> tag defines a section in a document.

11)  <time>

The <time> tag defines a specific time (or datetime).

The datetime attribute of this element is used translate the time into a machine-readable format so that browsers can offer to add date reminders through the user's calendar, and search engines can produce smarter search results.

Source Code:

<!DOCTYPE html>

<html>

<head>

<title>HTML Semantic Elements</title>

</head>

<body>

<h2>Nav (Navigation)</h2>

<nav>

  <a href="#">Home</a> //

   <a href="#">Services</a> //

    <a href="#">About</a> //

<a href="#">Contact</a>

</nav>

<h2>Section</h2>

<section>

 <h3>Blog Title Here</h3>

 <p>We Inspire New Ideas !!

In this Channel we are uploaded HTML | HTML 5 | CSS | CSS3 | JavaScript | Java | J Query | Python Turtle Graphics |Adobe XD | VFX (Green Screen Effects) | Filmora Effects Videos | Sony Vegas Pro Effect etc. Regarding Video Tutorials in Easy steps / Easy way.</p>

</section>

<section>

 <h3>Blog 2 Title Here </h3>

 <p>We Inspire New Ideas !!

In this Channel we are uploaded HTML | HTML 5 | CSS | CSS3 | JavaScript | Java | J Query | Python Turtle Graphics |Adobe XD | VFX (Green Screen Effects) | Filmora Effects Videos | Sony Vegas Pro Effect etc. Regarding Video Tutorials in Easy steps / Easy way.</p>

</section>

<h2>Time</h2>

Open Hours <time>6:00</time> to <time>19:00</time> Sunday Closed. <br>

Teacher's Day on <time datetime="05 Sept 2021">Happy Teacher's Day</time> <!-- Date not Dispaly -->

</body>

</html>