00:10Hello, the transcendent में आपका स्वागत है
00:13इस वीडियो में हम जानेंगे
00:16HTML Special Character Entities
00:20विशेश वर्ण इकाईया किसे कहते हैं?
00:24Less than का चिन्ह, Greater than का चिन्ह और Ampersand का चिन्ह
00:28ये उन खास characters में से हैं
00:31जिन्हें हम HTML, documents बनाने में इस्तिमाल करते हैं
00:36तो सवाल तब उठता है जब हम इन्हीं symbols को अपने असली content में दिखाना चाहते हैं
00:42हमने इस मसले पर पहले भी हलकी सी बात की थी
00:45जब हम core और pre, elements पर चर्चा कर रहे थे
00:51अब, हम इस विशय को और भी गहराई से जानेंगे
00:56जब हम कोई greater than, less than या ampersand symbol अपने आप में लिखते हैं
01:01तो वो आम तोर पर page पर content की तरह दिख जाता है
01:05मगर जैसे ही हम कुछ ऐसा बनाना शुरू करते हैं
01:08जो एक असली HTML, element जैसा दिखे
01:12तो वो पूरा का पूरा structure अक्सर गायब हो जाता है
01:16browser ये सोचता है कि उसे इसे सिर्फ दिखाने के बजाए
01:20एक HTML, command की तरह इस्तिमाल करना चाहिए
01:25कई बार हमें इस समस्या को खुद ही सुलजाने का कोई तरीका निकालना पड़ता है
01:30यही पर हम एक चीज का इस्तिमाल करते हैं
01:34जिसे character entity कहते हैं
01:38HTML, entities का एक खास format होता है
01:41एक ampersand, फिर एक छोटा सा core और आखिर में एक semicolon
01:46हम इन course को अपनी HTML, file में लिखते हैं
01:51और फिर वो उन characters में बदल दिये जाते हैं
01:55जिन्हें हम दिखाना चाहते हैं
01:57यही वो तरीका है जो हमने pre, tag के demo में इस्तिमाल किया था
02:02हर बार जब एक greater than या less than symbol आया
02:06तो उसे उसके मिलते जुलते character entity का इस्तिमाल करके लिखा गया था
02:13W3C
02:14सभी character entities का एक पूरा reference chart रखता है
02:19जिसे हम उन्हें ढूंडने के लिए देख सकते हैं
02:23HTML, entities उन खास characters को type करने में भी मददकार साबित होती हैं
02:28जो एक standard keyboard पर मौजूद नहीं होते
02:32उदाहरन के लिए
02:33अगर हमें अपने content में एक copyright symbol डालना है
02:38तो हम उसे दिखाने के लिए बस
02:41ampersand
02:41copy
02:43semi colon entity type कर सकते हैं
02:47हमें इसके लिए सिर्फ character entity का ही इस्तिमाल करना जरूरी नहीं है
02:51अकसर
02:53हम सीधे उस character को copy और paste कर सकते हैं
02:57या उसके लिए keyboard का खास command सीख सकते हैं
03:01लेकिन
03:02इन html character entities का इस्तिमाल करना इस काम को करने का एक बिलकुल सही और भरोसिमन्द तरीका है
03:10एक खास entity है जिस पर हम जोर देना चाहते हैं
03:14non-breaking space
03:16आम तोर पर नॉर्मल स्पेस टेक्स्ट की लाइनों को wrap करने का मौका देते हैं
03:22शब्दों पूरे रहते हैं और जब एक लाइन में जगह खत्म हो जाती है
03:27तो ब्राउजर टेक्स्ट को wrap करने के लिए एक जगह ढूंडता है
03:31यह शब्दों के बीच मौझूद किसी भी नॉर्मल स्पेस को ढूंडता है
03:36लेकिन हम एक regular space के बजाए दो शब्दों के बीच एक non-breaking space डाल सकते हैं
03:42और ब्राउजर को पता चल जाएगा कि वहाँ line को नहीं तोड़ना है
03:47लेकिन हम एक regular space के बजाए दो शब्दों के बीच एक non-breaking space डाल सकते हैं
03:55और ब्राउजर को पता चल जाएगा कि वहाँ line को नहीं तोड़ना है
04:00मान लीजिए
04:02हम चाहते हैं कि वाक्यांश
04:04the transcendent हमेशा एक साथ रहे
04:08और कभी भी पहला शब्द, the, दूसरे शब्द, transcendent से अलग line पर ना आए
04:14हम इन दोनों शब्दों के बीच NBSP
04:17non-breaking space के लिए type कर सकते हैं
04:21और line वहाँ कभी नहीं तोटेगी
04:24लोग non-breaking space का
04:26इस्तिमाल ब्राउजर को
04:27शब्दों के बीच एक से ज्यादा space डालने के लिए
04:29मजबूर करने के लिए भी करते हैं
04:32जैसा कि हम
04:33पहले ही बात कर चुके हैं
04:35अगर आप अपने HTML में
04:37बहुत सारे space डालते हैं
04:39तो ब्राउजर पहले space के बाद
04:41बाकी सब को अन्देखा कर देगा
04:43हाला कि
04:44ब्राउजर non-breaking space को नहीं हटाता
04:48इसलिए आप हर वाक्य के बीच
04:50दो space डाल सकते हैं
04:52बशर्ते उनमें से
04:53एक space non-breaking space हो
04:56HTML character entities
04:58आपको यह सुनिश्चित करने का
04:59एक तरीका देती हैं
05:01कि ब्राउजर वही character page पर डालेगा
05:03जो आप चाहते हैं
05:05जिसमें non-breaking space भी शामिल है
05:09संक्षेप में
05:11HTML
05:12character entities हमें यह पका करने का
05:14एक भरोसेमन तरीका देती है
05:17कि वे browser बिलकुल
05:18वही character दिखाएं जो हम चाहते हैं
05:21यह नियम page पर
05:23दिखने वाले किसी भी symbol पर
05:31इस वीडियो के लिए सभी आवश्यक
05:33फाइले attached है और अभ्यास के लिए
05:35उपलब्ध है
Comments