September 4, 2025
Agar aap web development seekhne ki journey me ho, toh HTML ka naam toh suna hi hoga. Lekin jab baat aati hai Semantic HTML ki, toh kai beginners confuse ho jaate hain. Tension mat lo is blog me hum simple Language me samjhenge ki Semantic HTML kya hota hai, kaise kaam karta hai, aur kyu ye har web developer ke liye important hai.
Semantic ka matlab hota hai meaningful yaani ki jiska kuch clearly samajhne layak meaning ho.
Toh Semantic HTML aise HTML elements ka use karta hai jo content ka meaning clearly define karte hain.
Example:
<header>My Blog</header>
Wahin agar likha ho:
<div id=”top”>My Blog</div>
Toh browser ko samajhne me thoda mushkil hota hai. Isliye Semantic tags better hote hain.
Non-Semantic Tags | Semantic Tags |
<div> | <header> |
<span> | <footer> |
<nav> | |
<main> | |
<section> | |
<article> | |
<aside> |
Google jaise search engines semantic structure ko samajh ke ranking improve karte hain.
Screen readers ke liye helpful hota hai, specially for visually impaired users.
Developers ke liye code samajhna easy ho jata hai.
Industry standards ko follow karne ka best tareeka hai.
<!DOCTYPE html>
<html>
<head>
<title>My Semantic Page</title>
</head>
<body>
<header>
<h1>Welcome to My Blog</h1>
<nav>
<a href=”#”>Home</a>
<a href=”#”>About</a>
</nav>
</header>
<main>
<article>
<h2>What is Semantic HTML?</h2>
<p>This is a blog post about semantic HTML…</p>
</article>
<aside>
<p>Related Articles</p>
</aside>
</main>
<footer>
<p>© 2025 My Blog</p>
</footer>
</body>
</html>
Techy Notes पर पाएँ आसान हिंदी में computer notes in hindi और IT company interview questions, जिससे तैयारी हो असरदार और आसान हर छात्र के लिए।
© 2024 Created By Himanshu Nigam