HTML Entities क्या है? & < > © उदाहरण
4 मिनट पढ़ें · मुफ़्त · बिना लॉगिन
कुछ अक्षर HTML में खास होते हैं। Browser < को यह समझता है कि "कोई tag शुरू हो रहा है" और & को यह समझता है कि "कोई entity शुरू हो रही है"। इसलिए अगर आप चाहते हैं कि visitor को पेज पर सच में less-than का निशान या ampersand दिखे, तो उसे सीधे टाइप नहीं कर सकते — उसकी जगह एक छोटा कोड लिखते हैं जिसे entity कहते हैं। Entity & से शुरू होती है, उसमें एक नाम (या एक नंबर) होता है, और अंत में semicolon लगता है।
क्यों < और > सीधे नहीं लिख सकते
"5 < 10 is true" को असली अक्षरों से लिखने की कोशिश कीजिए, तो browser < 10 को एक tag समझने लगेगा — और वह text गायब हो जाएगा या पेज टूट जाएगा। & के साथ भी यही होता है: browser entity का नाम ढूँढने लगता है, और बिना नाम का ampersand उसके बाद का text निगल सकता है। Entities इसीलिए बनी हैं — ताकि आप जो लिखें, visitor को वही दिखे, चाहे उन अक्षरों का HTML के लिए कोई भी मतलब क्यों न हो।
सबसे ज़्यादा काम आने वाली entities
| Entity | दिखता है | कब इस्तेमाल करें |
|---|---|---|
& | & | जब भी ampersand दिखाना हो: "Tom & Jerry", "Q&A"। |
< | < | Less-than का निशान दिखाना हो, या HTML कोड को text की तरह दिखाना हो। |
> | > | Greater-than का निशान दिखाना हो, या कोड का उदाहरण बंद करना हो। |
" | " | Double quotes वाले attribute के अंदर double quote दिखाना हो। |
' | ' | Single quotes वाले attribute के अंदर apostrophe दिखाना हो। |
| एक space जो कभी नहीं टूटता | दो शब्दों को एक ही line में रखना हो, जैसे "₹ 500" या "Mr. Sharma"। |
© | © | पेज के नीचे copyright वाली लाइन। |
® | ® | किसी brand के नाम के बाद registered trademark। |
™ | ™ | किसी brand के नाम के बाद trademark। |
Non-breaking space — कम इस्तेमाल करें
एक ऐसा space है जिसे browser कभी दो lines में नहीं तोड़ेगा। यह तब काम आता है जब संख्या को उसकी unit के साथ रखना हो ("10 kg") या नाम के साथ उपाधि रखनी हो ("Mr. Sharma")। लेकिन यह layout का औज़ार नहीं है: अगर gap चाहिए तो CSS margin या padding इस्तेमाल कीजिए। पेज पर text को धकेलने के लिए दस entities की कतार लगाना एक जुगाड़ है जो screen का size बदलते ही टूट जाता है।
& कोई entity नहीं है — कुछ browsers अंदाज़े से समझ लेंगे कि आपका मतलब क्या था, पर दूसरे उसे जैसा है वैसा ही छाप देंगे। हमेशा पूरा कोड लिखिए: ampersand, नाम, semicolon।आम गलतियाँ
- पेज के text में कच्चा
<टाइप करना — browser उसे tag समझेगा और text गायब हो जाएगा। - Semicolon भूल जाना —
©,©जैसा नहीं है। - Layout की spacing के लिए
इस्तेमाल करना, CSS margin या padding की जगह। &वहाँ लिखना जहाँ URL में सादा&चल जाता —hrefके अंदर parameters के बीच ampersand भी&ही होना चाहिए, नहीं तो link टूट सकता है।
उदाहरण समझिए
Tom & Jerry— दिखाता है "Tom & Jerry"। यहाँ सादा&browser को उलझा सकता था, इसलिए entity ही सुरक्षित तरीका है।5 < 10 is true— दिखाता है "5 < 10 is true"। Entity के बिना browser< 10को tag समझने की कोशिश करता।10 > 5 is also true— दिखाता है "10 > 5 is also true", ऊपर वाली line का उल्टा रूप।© 2026 KAMALDNP Academy— दिखाता है "© 2026 KAMALDNP Academy", copyright लाइन का मानक रूप।Price: ₹500 only— non-breaking space "₹500" और "only" को एक ही line में रखता है, इसलिए कीमत कभी दो lines में नहीं टूटती।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Entities</title>
</head>
<body>
<h1>Characters That Need Entities</h1>
<p>Tom & Jerry is a famous cartoon.</p>
<p>5 < 10 is true, and 10 > 5 is also true.</p>
<p>Price: ₹500 only.</p>
<p>© 2026 KAMALDNP Academy. All rights reserved.</p>
</body>
</html>परिणाम
खुद करके देखें — लाइव एडिटर
नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।
संबंधित पाठ
अक्सर पूछे जाने वाले सवाल
इस पाठ के बारे में सबसे ज़्यादा पूछे जाने वाले सवाल — सवाल पढ़ें, फिर खोलकर जवाब देखें।
1. एचटीएमएल एंटिटी क्या होती है?
यह एक छोटा कोड होता है जो एम्परसैंड से शुरू होता है, उसमें नाम या नंबर होता है और अंत में सेमीकोलन लगता है।
2. लेस-दैन चिह्न सीधे क्यों नहीं लिख सकते?
क्योंकि ब्राउज़र उसे टैग की शुरुआत समझ लेता है, जिससे टेक्स्ट गायब हो सकता है या पेज टूट सकता है।
3. कॉपीराइट चिह्न दिखाने के लिए कौन सी एंटिटी है?
कॉपी एंटिटी से कॉपीराइट चिह्न दिखता है, जो पेज के नीचे कॉपीराइट लाइन में लिखा जाता है।
खुद क्यों सीखें — AI से पूछने के बजाय?
AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।
सर्टिफिकेट पाएँ — सिर्फ ₹10
सभी 35 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।
टेस्ट देंदेखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।
Go further with a full course
Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.
Browse all courses
