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 

Comments

Popular posts from this blog

Python Final Lectures

 Q- how to Print Hello World print("Hello World") Variables in python ------- age = 30   #variable should be intutive so that we can learn any time print(age) Note: Shift+Enter is shortcut to run command 2) ' #' this is for writing the comment in python Rules for Variables--- Variable can not be start with any number like - 1age  Number can use in between and end with variable like - age1 age2 Special characters are not allowed expect _ (underscore) like - age_my Space not allowed in variable  Python is case sensitive  Way to define Variable --- age1,age2 = 30,25  age1 = 30 age2 = 25 age1=age2=30   #if 30 age for both variable   >> Data type the type of data is basically data type Integer = age1 to age3 is basically integer   , Integer is basically full number lets check = type(age1)  #it will give u print int float=  basically decimal values Interest =  30.24 type(Interest) #answer is float Message = ...

SQL and rest python for Data analysis

SQL (Structured Query Language) की ओर — ये डेटा हैंडलिंग का अगला स्टेप है, जहाँ हम database से data को fetch, update, delete, filter, aur organize करना सीखते हैं। 💾 SQL क्या है (What is SQL)? SQL का मतलब है Structured Query Language — ये एक database language है जिसका इस्तेमाल data को store, access, और manage करने के लिए किया जाता है। जैसे Excel में data sheets होती हैं, वैसे SQL में tables होती हैं। Type Keyword Use 1️⃣ DDL (Data Definition Language) CREATE , ALTER , DROP Database structure change करने के लिए 2️⃣ DML (Data Manipulation Language) INSERT , UPDATE , DELETE Data change करने के लिए 3️⃣ DQL (Data Query Language) SELECT Data निकालने के लिए 4️⃣ DCL (Data Control Language) GRANT , REVOKE Permission देने या हटाने के लिए 5️⃣ TCL (Transaction Control Language) COMMIT , ROLLBACK Changes को confirm या cancel करने के लिए Download MY SQL From Google >>>Lets learn this concept compare with excel Concept in SQL Excel Equivalen...

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>