Semantic tag in HTML

 HTML semantic tags ka matlab hota hai ki tags ka use karke webpage ka structure aur uske content ka meaning dikhaya jaye. Isse browser aur developers ko content ko samajhne mein madad milti hai. Kuch common semantic tags yeh hain:

1. **`<header>`** - Webpage ke header section ko define karta hai, jisme usually navigation links, logo, ya introductory content hota hai.

   ```html

   <header>

      <h1>Website Title</h1>

      <nav>...</nav>

   </header>

   ```

2. **`<nav>`** - Navigation links ka section hota hai.

   ```html

   <nav>

      <ul>

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

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

      </ul>

   </nav>

   ```

3. **`<article>`** - Independent aur self-contained content ko define karta hai, jaise ki ek blog post ya news article.

   ```html

   <article>

      <h2>Article Title</h2>

      <p>Yeh article ka content hai.</p>

   </article>

   ```

4. **`<section>`** - Related content ko group karne ke liye use hota hai.

   ```html

   <section>

      <h2>Section Title</h2>

      <p>Is section ke baare mein details.</p>

   </section>

   ```

5. **`<aside>`** - Content ka section hota hai jo aas-paas ke content se thoda alag hota hai (jaise sidebar).

   ```html

   <aside>

      <h2>Related Topics</h2>

      <ul>

         <li>Topic 1</li>

         <li>Topic 2</li>

      </ul>

   </aside>

   ```

6. **`<footer>`** - Webpage ka footer section define karta hai, jisme copyright, contact info, ya additional links hote hain.

   ```html

   <footer>

      <p>&copy; 2024 Company Name</p>

   </footer>

   ```

Why we should use semantic tag -- semantic tag is basically used to rank your website, or tell crawler to what is here, it will increase readibility