HTML Symbols वो विशेष चिन्ह (Special Signs / Characters) हैं जो आप अपने वेबपेज पर दिखा सकते हैं जैसे — ©, ®, ™, €, ₹, ★, ♥, ☀, ☎, ➤ आदि। ये symbols आमतौर पर कीबोर्ड से सीधे नहीं लिखे जा सकते, इसलिए HTML हमें Entities या Unicode Codes के ज़रिए उन्हें दिखाने का तरीका देता है।
HTML Symbols को दिखाने का तरीका
HTML में Symbols को दो तरीकों से दिखाया जा सकता है
A. Entity Name से:
© → ©
® → ®
♥ → ♥
B. Unicode (Numeric Code) से:
© → ©
® → ®
♥ → ♥
हर Symbol का एक यूनिक Unicode Number होता है।
Commonly Used HTML Symbols (सबसे ज़्यादा इस्तेमाल होने वाले)
A. Copyright & Trademark Symbols
| Symbol (चिह्न) |
Entity (इकाई) |
Unicode (यूनिकोड) |
Description (विवरण) |
| © |
© |
© |
Copyright (कॉपीराइट) |
| ® |
® |
® |
Registered (पंजीकृत) |
| ™ |
™ |
™ |
Trademark (ट्रेडमार्क) |
| ℗ |
℗ |
℗ |
Sound Recording Copyright (ध्वनि रिकॉर्डिंग कॉपीराइट) |
B. Currency Symbols
| Symbol |
Entity |
Unicode |
Currency |
| ₹ |
₹ |
₹ |
Indian Rupee |
| $ |
$ |
$ |
US Dollar |
| € |
€ |
€ |
Euro |
| £ |
£ |
£ |
Pound |
| ¥ |
¥ |
¥ |
Yen |
| ₩ |
₩ |
₩ |
Won |
| ¢ |
¢ |
¢ |
Cent |
C. Weather & Nature Symbols
| Symbol (प्रतीक) |
Unicode (यूनिकोड) |
Meaning (अर्थ) |
| ☀ |
☀ |
Sun (सूर्य) |
| ☁ |
☁ |
Cloud (बादल) |
| ☂ |
☂ |
Umbrella (छाता) |
| ❄ |
❄ |
Snowflake (हिमपात/बर्फ का टुकड़ा) |
| ⚡ |
⚡ |
Thunderbolt (बिजली/गरज) |
| ☔ |
☔ |
Rain (वर्षा/बारिश) |
Heart & Love Symbols
| Symbol |
Unicode (Decimal) |
Meaning (अर्थ) |
| ♥ |
♥ |
Heart (दिल) |
| ❤ |
❤ |
Red Heart (लाल दिल) |
| 💖 |
💖 |
Sparkling Heart (चमकता हुआ दिल) |
| 💘 |
💘 |
Heart with Arrow (तीर के साथ दिल) |
| 💔 |
💔 |
Broken Heart (टूटा हुआ दिल) |
E. Tools, Tech & Office Symbols
| Symbol (प्रतीक) |
Unicode (यूनिकोड) |
Meaning (अर्थ) |
| ⚙ |
⚙ |
Gear / Settings (गियर / सेटिंग्स) |
| 🔒 |
🔒 |
Lock (लॉक) |
| 🔑 |
🔑 |
Key (कुंजी) |
| 💡 |
💡 |
Idea / Bulb (विचार / बल्ब) |
| 🖥 |
🖥 |
Desktop Computer (डेस्कटॉप कंप्यूटर) |
| 💻 |
💻 |
Laptop (लैपटॉप) |
| 📞 |
📞 |
Telephone (टेलीफोन) |
| ✉ |
✉ |
Mail / Envelope (मेल / लिफाफा) |
F. Arrows & Directions
| प्रतीक (Symbol) |
एंटिटी / यूनिकोड (Entity / Unicode) |
विवरण (Description) |
| ← |
← |
Left Arrow |
| ↑ |
↑ |
Up Arrow |
| → |
→ |
Right Arrow |
| ↓ |
↓ |
Down Arrow |
| ↔ |
↔ |
Left-Right Arrow |
| ➤ |
➤ |
Black Arrow |
| ⬆ |
⬆ |
Bold Up Arrow |
| ⬇ |
⬇ |
Bold Down Arrow |
G. Time & Clock Symbols
| प्रतीक (Symbol) |
यूनिकोड (Unicode) |
अर्थ (Meaning) |
| ⏰ |
⏰ |
अलार्म घड़ी (Alarm Clock) |
| ⏱ |
⏱ |
स्टॉपवॉच (Stopwatch) |
| ⏲ |
⏲ |
टाइमर (Timer) |
| 🕒 |
🕓 |
घड़ी 3:00 (Clock 3:00) |
| 🕛 |
🕛 |
घड़ी 12:00 (Clock 12:00) |
H. Religious / Spiritual Symbols
| Symbol (प्रतीक) |
Unicode (यूनिकोड) |
Meaning (अर्थ) |
| 🕉 |
🕉 |
Om Symbol (ॐ प्रतीक) |
| ✝ |
✝ |
Cross (क्रॉस) |
| ☪ |
☪ |
Islamic Star (इस्लामी सितारा) |
| ☸ |
☸ |
Dharma Wheel (धर्म चक्र) |
| ☯ |
☯ |
Yin Yang (यिन यांग) |
| 🛕 |
🛕 |
Temple (मंदिर) |
Example – Symbols in HTML
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<title>HTML Symbols Example</title>
</head>
<body>
<h2>HTML Symbols Example</h2>
<p>Copyright: © 2025 CodeKeet</p>
<p>Trademark: ™</p>
<p>Rupee: ₹500</p>
<p>Euro: €250</p>
<p>Heart Symbol: ♥ I Love HTML</p>
<p>Sun Symbol: ☀ Beautiful Day!</p>
<p>Arrow Symbol: Learn HTML → CSS → JS</p>
<p>Mail Symbol: ✉ info@codekeet.com</p>
<p>Idea: 💡 Learning Everyday!</p>
</body>
</html>
Output:
© 2025 CodeKeet
™
₹500
€250
♥ I Love HTML
☀ Beautiful Day!
→ Learn HTML → CSS → JS
✉ info@codekeet.com
💡 Learning Everyday!
HTML Symbols कहाँ काम आते हैं
- Website footer में ©, ®, ™ दिखाने के लिए
- Prices, Currency या Degree symbols के लिए
- Design या emoji-based UI में
- Weather report या status icons में
- Navigation या infographics में arrows के लिए
Symbols और SEO
HTML Symbols SEO को नुकसान नहीं पहुँचाते। ये readable रहते हैं और आपकी साइट को visually appealing और user-friendly बनाते हैं।
Practice Task
- एक HTML पेज बनाइए जिसमें:
- Header में “Learn HTML ❤️”
- Footer में “© 2025 MyWebsite | All Rights Reserved ®”
- बीच में Currency symbols (₹, $, €, £, ¥)
- Direction Arrows और Heart symbols हों
- Idea 💡 और Mail ✉ icons से सजाया गया हो
Summary
| Point |
Explanation / Details (विवरण) |
| HTML Symbols (HTML प्रतीक) |
Special characters/icons जो **Unicode** या **Entities** से दिखाए जाते हैं (Special characters/icons shown by Unicode or Entities). |
| Syntax (सिंटैक्स) |
**&entity;** या **&#code;** (e.g.,© or₹). |
| Examples (उदाहरण) |
**©** = **©** (Copyright), **→** = **→** (Right Arrow), **₹** = **₹** (Indian Rupee Sign). |
| Symbols help (प्रतीकों की उपयोगिता) |
Webpage को **visually expressive** (दृश्य रूप से अभिव्यंजक) बनाते हैं. |
| SEO Safe (SEO सुरक्षित) |
Browser और Search Engines दोनों के लिए **सही** (Correct/Fine for both Browser and Search Engines). |
