Skip to main content

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 

Labels:

Comments

Post a Comment

Popular posts from this blog

Add CSS using external CSS

>>> U just need to create a another page and save it with the name style.css >>> and then go to link that style page with your html docs how to link your css with html page ? >>> You can find code below , it will help you to link your external page with your html docs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Divyanshu Khare || MERN Developer</title> <meta description = "description" content="Divyanshu Khare's website"> <link rel="stylesheet" type="text/css" href="style.css">   <!----------link external css page ---------> </head> <body> </body> </html>
Post a Comment
Read more

Find Unique Number in Array Java , XOR

 Question:  WAP to find unique number in Array Java package aRray ; import java . util .*; public class practicalArray { public static void main ( String [] args ) { Scanner scan = new Scanner ( System . in ) ; // Step 1: Input size of the array from the user int size = scan . nextInt () ; // Step 2: Create an integer array of the specified size int [] arr = new int [ size ] ; // Step 3: Initialize 'res' with the first element of the array int res = arr [ 0 ] ; // Step 4: Loop to read array elements and find the unique number for ( int i = 1 ; i < size ; i ++ ) { // Read an integer from the user and store it in the array arr [ i ] = scan . nextInt () ; // Step 5: Use XOR (^) operation to find the unique number res = res ^ arr [ i ] ; } // Step 6: Print the unique number System . out . print...
Post a Comment
Read more

Block vs Inline Elements In HTML

  Block: Block element always start in New Line  Block element always start in new line occupy complete width available  Example: h2, p, div Inline Element: They do not start in new line occuply width as much required  Example: img, anchor a,span There are no different between div and span, only difference is div is block element and span is Inline, it will help you to group your content or elements
Post a Comment
Read more