HTML Semantic Elements

Semantic elements clearly describe the meaning of the content they contain. They help browsers, search engines, and developers understand the structure of a webpage.

What are Semantic Elements

Using semantic elements improves SEO and accessibility. Instead of using generic <div> tags for everything, special tags define the role of the content (e.g., header, nav, section).

Common Semantic Elements

Header

The <header> usually contains a logo, title, and navigation menu.

<header>
  <h1>CODE4UTECH CONSULTANCY PVT. LTD.</h1>
</header>

Navigation

The <nav> element contains links for moving through the website.

<nav>
  <a href="index.html">Home</a>
  <a href="services.html">Services</a>
  <a href="contact.html">Contact</a>
</nav>

Section

A <section> groups related content together.

<section>
  <h2>Our Services</h2>
  <p>CODE4UTECH provides web development, digital marketing, and technical support services.</p>
</section>

Article

Used for independent pieces of content such as blog posts, news, or service descriptions.

<article>
  <h2>How CODE4UTECH Helps Businesses Go Digital</h2>
  <p>Modern businesses require strong digital infrastructure. CODE4UTECH provides reliable software and web solutions.</p>
</article>

Footer

The <footer> usually contains contact information, copyright details, and company links.

<footer>
  <p>Copyright © CODE4UTECH CONSULTANCY PVT. LTD.</p>
</footer>