html में उद्धरण हाइलाइट करें। सीएसएस और प्लगइन के साथ सुंदर वर्डप्रेस उद्धरण आउटपुट

हैलो मित्रों!

मैंने वर्डप्रेस ब्लॉग पर लेखों के पाठ में उद्धरणों के सुंदर डिजाइन के बारे में लिखने का फैसला किया, क्योंकि मुझे सीधे इस तरह के काम की आवश्यकता का सामना करना पड़ा था। मुझे किसी एक साइट पर टेम्पलेट बदलना पड़ा। लेकिन, वास्तव में, यह काफी कठिन है। इस तथ्य के बावजूद कि अब बड़ी संख्या में भुगतान किए गए और मुफ्त टेम्पलेट हैं, हमारी सभी आवश्यकताओं को पूरा करने वाले को ढूंढना बहुत मुश्किल है। निश्चित रूप से टेम्पलेट में कुछ ऐसा है जो हमें पसंद नहीं है। इसलिए, अक्सर आपको कम से कम खामियों वाले विषय को चुनना होता है, और फिर उसे परिष्कृत करना होता है।

इसलिए, मेरे द्वारा चुने गए विषय की कमियों में से एक उद्धरण का एक अनुभवहीन चयन था। यह केवल बाईं ओर एक अतिरिक्त इंडेंटेशन द्वारा प्रतिष्ठित किया गया था। इस पाठ तत्व को अधिक दृश्यमान और सुंदर बनाने के लिए मुझे CSS शैलियों को परिष्कृत करना पड़ा।

मैं आपको तीन कारण बताता हूँ:

  1. आप पाठकों को दिखाते हैं कि पाठ का यह भाग एक उद्धरण है। आप जिस व्यक्ति को उद्धृत कर रहे हैं, उसके कॉपीराइट का सम्मान करने के लिए यह आवश्यक है। दूसरी ओर, किसी आधिकारिक लेखक से जुड़ने से आपके लेख का महत्व बढ़ जाता है।
  2. खोज इंजन अद्वितीय ग्रंथों को "प्यार" करते हैं, और यदि उद्धरण सही ढंग से प्रारूपित नहीं है, तो इसे साहित्यिक चोरी के रूप में गिना जाएगा, और साइट की रेटिंग कम हो जाएगी, खोज में इसकी स्थिति गिर जाएगी।
  3. एक विशेष प्रकार के उद्धरण पाठ को अधिक विविध और आकर्षक बनाते हैं। इसे पढ़ना आसान है।

टेक्स्ट के किसी भाग को विशेष तरीके से हाइलाइट करने के लिए, आप विभिन्न विधियों का उपयोग कर सकते हैं।

सीएसएस शैलियों का संपादन

किसी उद्धरण को प्रारूपित करने का पहला और सबसे सही तरीका टैग का उपयोग करने पर विचार किया जाना चाहिए ब्लॉककोटऔर उसकी शैलियाँ। हालाँकि CSS नियमों का उपयोग करके किसी भी टुकड़े का चयन किया जा सकता है (मैंने इस बारे में लेख में लिखा है), केवल टैग ब्लॉककोटखोज इंजनों को यह जानने देता है कि यह स्निपेट एक उद्धरण है और अद्वितीय नहीं हो सकता।

यदि हम बटन का उपयोग करते हैं तो यह टैग कोड में डाला जाता है में

लेकिन, जैसा कि मैंने पहले ही नोट किया है, इस टैग की शैलियाँ हमेशा वैसी नहीं होती हैं जैसी हम चाहते हैं। उन्हें संपादित करने के लिए, आपको फ़ाइल में संबंधित कोड ढूंढना होगा स्टाइल.सीएसएसऔर टैग के लिए निर्धारित नियमों को बदलें ब्लॉककोट, अपने दम पर।

इस फ़ाइल को दो तरह से संपादित किया जा सकता है:

  1. सर्वर से अपने कंप्यूटर पर एफ़टीपी क्लाइंट का उपयोग करके इसे डाउनलोड करें, इसे खोलें, परिवर्तन करें और इसे फिर से अपलोड करें। फ़ाइल स्टाइल.सीएसएसस्थित है wp-content/themes/your_theme/style.css.
  2. आप वर्डप्रेस में बिल्ट-इन कोड एडिटर का उपयोग कर सकते हैं। इसे WP कंट्रोल पैनल में खोलने के लिए, चुनें सूरत - संपादक. दुर्भाग्य से, यह संपादक लाइन नंबर नहीं दिखाता है, जिससे इसे खोजना मुश्किल हो जाता है।

फ़ाइल में परिवर्तन करने से पहले स्टाइल.सीएसएस, ब्राउज़र में कोड संपादित करें गूगल क्रोमया ब्राउज़र में समान मोज़िला फ़ायरफ़ॉक्स. इन उपकरणों के साथ, आप तुरंत देख सकते हैं कि आपकी साइट पर उद्धरण कैसा दिखेगा।

उद्धरण डिजाइन उदाहरण

उद्धरण चिह्नों के साथ उद्धरण

यह प्रतीक आमतौर पर उद्धरणों को इंगित करने के लिए स्वीकृत माना जाता है, इसलिए इसका सबसे अधिक बार उपयोग किया जाता है। एक चित्र का उपयोग करके उद्धरण सम्मिलित किए जा सकते हैं, जो अधिक सामान्य है, या आप एक वर्ण कोड लागू करके ऐसा कर सकते हैं "\201सी", जो उदाहरण में दिखाया गया है।

यहाँ छवि है

और यहाँ प्रासंगिक कोड है

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ब्लॉकक्वाट (पृष्ठभूमि: कोई नहीं दोहराना स्क्रॉल 0 0 #fea; रंग: #009a82; फ़ॉन्ट-परिवार: जॉर्जिया, सेरिफ़; फ़ॉन्ट-आकार: 18px; फ़ॉन्ट-शैली: इटैलिक; लाइन-ऊंचाई: 1.45; पैडिंग: 1.25em 50px; स्थिति : रिलेटिव; चौड़ाई: 750px; ) ब्लॉकक्वाट: पहले (रंग: #009a82; सामग्री: "\201C"; प्रदर्शन: ब्लॉक; फ़ॉन्ट-आकार: 60px; बाएं: 1px; स्थिति: पूर्ण; शीर्ष: 1px;)

ब्लॉकक्वाट (पृष्ठभूमि: कोई नहीं दोहराना स्क्रॉल 0 0 #fea; रंग: #009a82; फ़ॉन्ट-परिवार: जॉर्जिया, सेरिफ़; फ़ॉन्ट-आकार: 18px; फ़ॉन्ट-शैली: इटैलिक; लाइन-ऊंचाई: 1.45; पैडिंग: 1.25em 50px; स्थिति : रिलेटिव; चौड़ाई: 750px; ) ब्लॉकक्वाट: पहले (रंग: #009a82; सामग्री: "\201C"; प्रदर्शन: ब्लॉक; फ़ॉन्ट-आकार: 60px; बाएं: 1px; स्थिति: पूर्ण; शीर्ष: 1px;)

  • इस कोड में दूसरी लाइन पर #फीए- पृष्ठभूमि का रंग, आप इसे अपने लिए बदल सकते हैं,
  • तीसरी पंक्ति - फ़ॉन्ट रंग,
  • 4, 5, 6, 7 - फ़ॉन्ट विकल्प,
  • 8, 9 - खंड की स्थिति,
  • 10 - ब्लॉक की चौड़ाई, इसे प्रतिशत के रूप में निर्दिष्ट किया जा सकता है, उदाहरण के लिए, 90%।
  • 13 - रंग,
  • 16 - आकार,
  • 17-19 - स्थिति।

बॉक्स चयन

यहाँ एक उदाहरण है:

और यहाँ इसके लिए सरल CSS कोड है:

1 2 3 4 5 6 7 ब्लॉकक्वाट (रंग: #333; फ़ॉन्ट-फ़ैमिली: वर्दाना, जिनेवा, सेन्स-सेरिफ़; बॉर्डर: 1पीएक्स डैश्ड #999; बैकग्राउंड: #F8F4AB; पैडिंग: 10पीएक्स 20पीएक्स;)

ब्लॉकक्वाट (रंग: #333; फ़ॉन्ट-फ़ैमिली: वर्दाना, जिनेवा, सेन्स-सेरिफ़; बॉर्डर: 1पीएक्स डैश्ड #999; बैकग्राउंड: #F8F4AB; पैडिंग: 10पीएक्स 20पीएक्स;)

यदि आप उद्धरण डिजाइन के विषय में रुचि रखते हैं, तो मेरा सुझाव है कि मिनी-बुक डाउनलोड करें। यह टेक्स्ट अंशों को हाइलाइट करने के विभिन्न उदाहरणों पर विस्तार से चर्चा करता है। इन उदाहरणों का अध्ययन करने के बाद, आप अपनी खुद की डिज़ाइन शैली बना सकते हैं।

ब्लॉग स्निपेट्स को स्टाइल करने के लिए WP-नोट प्लगइन

यह प्लगइन लेख स्निपेट्स को स्टाइल करना आसान और सरल बनाता है। लेकिन यह तुरंत ध्यान दिया जाना चाहिए कि खोज इंजन के लिए इन अंशों को उद्धरण नहीं माना जाएगा, क्योंकि वे टैग का उपयोग नहीं करते हैं ब्लॉककोट. प्लगइन केवल बाहरी डिज़ाइन के लिए कार्य करता है, न कि उद्धरणों को हाइलाइट करने के लिए।

डिफ़ॉल्ट रूप से, प्लगइन सेटिंग्स में पांच डिज़ाइन विकल्प होते हैं। उन्हें लागू करने के लिए, आपको किसी भी कोड को बदलने की आवश्यकता नहीं है, यह दृश्य संपादक में सीधे टुकड़े की शुरुआत और अंत में उपयुक्त टैग दर्ज करने के लिए पर्याप्त है।

WP-नोट प्लगइन Tags


प्लगइन संपादन

यदि आपको डिफ़ॉल्ट डिज़ाइन विकल्प पसंद नहीं हैं या आप अपनी साइट के डिज़ाइन से मेल नहीं खाते हैं, तो आप उन्हें बदल सकते हैं। लेकिन इसके लिए आपको पहले से ही स्टाइल फाइल में बदलाव करने होंगे। आप इसे . पर पा सकते हैं wp-content/plugins/wp-note/style.css.

आप बिल्ट-इन वर्डप्रेस एडिटर का भी उपयोग कर सकते हैं। ऐसा करने के लिए, नियंत्रण कक्ष में, चुनें प्लगइन्स - संपादक, फिर ड्रॉप-डाउन सूची में दाईं ओर हम Wp-note ढूंढते हैं और बटन दबाते हैं चुनना, सभी प्लगइन फाइलों की एक सूची दिखाई देगी।

मुझे आशा है कि मैंने सब कुछ अच्छी तरह से समझाया, और अब आप समझ गए हैं कि साइट पर उद्धरण कैसे व्यवस्थित करें। लेख को सोशल नेटवर्क पर साझा करना न भूलें।

जल्द ही फिर मिलेंगे!

बेशक, आपने कुछ साइटों पर दाहिने माउस बटन के उपयोग पर प्रतिबंध देखा है। यह फीचर मुख्य रूप से उन लोगों से लड़ता है जो आपका कंटेंट चुराना चाहते हैं। यह उपाय आपको पूरी तरह से चोरी से नहीं बचाएगा, लेकिन यह आपको पूरी तरह से मैन्युअल नकल से बचाएगा। अन्य विकल्प ।
यदि आप अपने ब्लॉग पर कॉपी करने के लिए सामग्री पोस्ट करते हैं, तो मैं सही माउस बटन को अक्षम करने की अनुशंसा नहीं करता। ये कोड, स्क्रिप्ट, रेसिपी, संदर्भ सामग्री और बहुत कुछ हो सकते हैं। इस मामले में एक कॉपी प्रतिबंध आगंतुकों को आपसे दूर कर देगा, और आपका ब्लॉग आगंतुकों के लिए कम उपयोगी हो जाएगा। यदि साहित्यिक चोरी से सुरक्षा आपके लिए महत्वपूर्ण है, तो कॉपी के अंत में अपना url जोड़ने का उपयोग करना बेहतर है। तब आपको यकीन हो जाएगा कि अगर कोई आपके द्वारा कॉपी किए गए इंटरनेट पर कहीं और प्रकाशित करना चाहता है, तो कॉपी-पास्टर द्वारा आपके ब्लॉग का लिंक साझा करने की अधिक संभावना है।
यह नुस्खा किसी भी वेबसाइट के लिए उपयुक्त है। आपको केवल अपने ब्लॉग के सभी पेजों पर कोड पेस्ट करना होगा:

पर ब्लॉगरडिज़ाइन टैब में HTML/Javascript गैजेट में कोड जोड़ें। यदि आप अपने ब्लॉग (एम्पोरियो, कॉन्टेम्पो, सोहो, उल्लेखनीय) पर नवीनतम विषयों में से एक का उपयोग कर रहे हैं, तो विजेट की दृश्यता को सक्रिय करना न भूलें ("सभी के लिए दृश्यमान", "HTML/जावास्क्रिप्ट" विजेट दिखाएं) ")।
पर Wordpressटेक्स्ट विजेट में कोड जोड़ें।

लेखक: इवानोवा नतालिया

2019-03-03

छुट्टी आ रही है - अंतर्राष्ट्रीय महिला दिवस। आइए इसके लिए तैयार हो जाएं। आप पोस्टकार्ड सेवाओं का उपयोग करके लड़कियों और महिलाओं को मूल रूप से बधाई दे सकते हैं, जिसकी चर्चा नीचे की जाएगी।

आप उन्हीं सेवाओं का उपयोग कर सकते हैं जिनका हमने उपयोग किया था।

तैयार पोस्टकार्ड सेवाएं

8 मार्च ऑनलाइन पोस्टकार्ड बनाएं

स्क्रैच से पोस्टकार्ड बनाने के लिए निम्नलिखित सेवाओं का उपयोग करें।

  1. कैनवा एक प्रसिद्ध कार्यात्मक फोटो संपादक है। यहां आपको कई सारे टेम्पलेट मिल जाएंगे। पंजीकरण आवश्यक।
  2. Printclick यदि आपका अपना व्यवसाय है, तो आप अपनी कंपनी के लोगो और संपर्कों के साथ पोस्टकार्ड का एक बैच ऑर्डर कर सकते हैं। आप प्रिंक्लिक पोस्टकार्ड जनरेटर का भी उपयोग कर सकते हैं। महान प्रचार और सस्ती।
  3. Crello एक संपादक है जिसे पंजीकरण की आवश्यकता है। अंग्रेजी भाषा से डरो मत, सेटिंग्स में आप रूसी में स्विच कर सकते हैं।
  4. ऑनलाइन पोस्टकार्ड - उन लोगों के लिए जिनके पास अच्छी तरह से विकसित कल्पना है, क्योंकि उन्हें स्क्रैच से पोस्टकार्ड बनाना होगा।
  5. मुमोटिकी - एक सुंदर चित्र तैयार करें और आप यहां बधाई पाठ जोड़ सकते हैं। वैसे, अगर आपको सिर्फ तस्वीर में टेक्स्ट जोड़ने की जरूरत है, तो आप चेक आउट कर सकते हैं।

मुझे आशा है कि इनमें से किसी एक जनरेटर का उपयोग करके, आप 8 मार्च को अपनी महिलाओं को पर्याप्त रूप से बधाई देने में सक्षम होंगे!

लेखक: इवानोवा नतालिया

2019-02-17

लेख की सामग्री:

Google Plus बंद हो रहा है

Google Plus प्लेटफॉर्म डेवलपर्स की उम्मीदों पर खरा नहीं उतरा और 2 अप्रैल 2019 को इसे पूरी तरह से हटा दिया जाएगा। इसके साथ, Google फ़ोटो में इससे जुड़े एल्बम गायब हो जाएंगे, और Google प्लस खाते वाली साइटों पर प्राधिकरण अप्राप्य हो जाएगा। 4 फरवरी से, Google प्लस प्रोफाइल, चैनल और पेज बनाने का कार्य दुर्गम हो गया है। यदि आपके खाते में मूल्यवान सामग्री संग्रहीत की गई थी, तो आप एक बैकअप प्रति डाउनलोड कर सकते हैं।
अधिकांश परिवर्तन ब्लॉगस्पॉट पर अपने ब्लॉग चलाने वाले ब्लॉगर्स को प्रभावित करेंगे। कुछ G+ विजेट, G+ टिप्पणियां, और आपकी Google+ प्रोफ़ाइल अब उपलब्ध नहीं रहेंगी। यह ब्लॉगर व्यवस्थापक पैनल में अधिसूचना में कहा गया है:
मार्च 2019 के लिए निर्धारित Google+ API की समाप्ति की घोषणा के बाद, 4 फरवरी को Google+ के साथ ब्लॉगर के एकीकरण में कई परिवर्तन होंगे।
Google+ विजेट।+1 बटन, Google+ अनुसरणकर्ता, और Google+ बैज विजेट अब ब्लॉग डिज़ाइन में समर्थित नहीं होंगे। इन विजेट्स के सभी उदाहरण आपके ब्लॉग से हटा दिए जाएंगे।
बटन +1।+1 और G+ बटनों को हटा दिया जाएगा, साथ ही ब्लॉग पोस्ट के नीचे और नेविगेशन बार में "Google+ से साझा करें" लिंक भी हटा दिए जाएंगे।
कृपया ध्यान दें कि यदि आप एक कस्टम टेम्पलेट का उपयोग कर रहे हैं जिसमें Google+ सुविधाएं शामिल हैं, तो इसे संशोधित करने की आवश्यकता हो सकती है। उस व्यक्ति से मार्गदर्शन प्राप्त करें जिसने आपको यह टेम्पलेट प्रदान किया है।
Google+ टिप्पणियाँ। Google+ का उपयोग करने वाली टिप्पणियों के लिए समर्थन बंद कर दिया जाएगा, और इस सुविधा का उपयोग करने वाले सभी ब्लॉग के लिए मानक ब्लॉगर टिप्पणियों को पुनर्स्थापित कर दिया जाएगा। दुर्भाग्य से, Google+ के माध्यम से पोस्ट की गई टिप्पणियों को ब्लॉगर में स्थानांतरित नहीं किया जा सकता है, इसलिए वे अब आपके ब्लॉग पर दिखाई नहीं देंगी।

Google प्लस टिप्पणियां हटाना

दुर्भाग्य से, सिस्टम में प्रकाशित की गई टिप्पणियां हमेशा के लिए हटा दी जाएंगी। आप केवल उसी टूल का उपयोग कर सकते हैं https://takeout.google.comअपने कंप्यूटर पर Google+ से बैकअप टिप्पणियां कहने के लिए। इसके लिए केवल एक बूटलोडर प्रदान नहीं किया गया है, और आप टिप्पणियों को केवल कुटिल तरीके से मैन्युअल रूप से पुनर्स्थापित कर सकते हैं। यह अच्छा है कि मैं अपने समय पर हूं।

गूगल प्लस प्रोफाइल को ब्लॉगर प्रोफाइल से कैसे बदलें

यदि आप ब्लॉगस्पॉट पर ब्लॉगिंग कर रहे हैं, तो अब अपनी Google प्लस प्रोफ़ाइल से वापस अपनी ब्लॉगर प्रोफ़ाइल पर स्विच करना एक अच्छा विचार है (उन लोगों के लिए जिन्होंने पहले Google प्लस पर स्विच किया था)। Google प्लस खातों को हटाते समय होने वाली अप्रत्याशित स्थितियों से बचने के लिए मैं इसे अभी करने की सलाह देता हूं।

अपनी ब्लॉगर प्रोफ़ाइल को वापस कैसे प्राप्त करें

ब्लॉगर व्यवस्थापक सेटिंग में यह करना आसान है:
सेटिंग्स -> उपयोगकर्ता सेटिंग्स -> उपयोगकर्ता प्रोफ़ाइल - यहां ब्लॉगर चुनें


अपने परिवर्तन सहेजें।

में संक्रमण की पुष्टि करें और अपना नाम या उपनाम दर्ज करें।

अपने ब्लॉगर प्रोफ़ाइल पर अवतार अपलोड करना न भूलें।

गूगल प्लस प्रोफाइल कैसे डिलीट करें

यदि आप एक बार और सभी के लिए अपनी G+ प्रोफ़ाइल से छुटकारा पाने का निर्णय लेते हैं, तो अपने Google प्लस पृष्ठ पर जाएँ -> सेटिंग्स -> पृष्ठ के नीचे स्क्रॉल करें -> अपना Google प्लस खाता हटाएं:


लेखक: इवानोवा नतालिया

आज मैं आपको बताऊंगा कि CSS3 क्या है, इसके साथ क्या खाया जाता है, इसे कहां देखना है, इसे सही तरीके से कैसे लिखना है। मैं आपको चेतावनी देता हूं, मैं खुद से बताऊंगा, आम जनता के लिए सरलीकृत, जैसा कि मैं इसे देखता हूं + उदाहरण। तो चलिए शुरू करते हैं दूर से।
CSS ऐसी शैलियाँ हैं जो किसी वस्तु के गुणों का वर्णन करती हैं। इसका मतलब है कि वे सभी मौजूदा इंजनों में हैं, यदि आप उन्हें नहीं ढूंढ सकते हैं, तो या तो गलत जगह पर देखें, या वे वास्तव में मौजूद नहीं हैं ( वक्र साइट) वे आमतौर पर कहाँ पाए जाते हैं? आमतौर पर यह साइट की जड़ है, style.css फ़ाइल का नाम, हालाँकि, सिद्धांत रूप में, नाम .css एक्सटेंशन जितना महत्वपूर्ण नहीं है यदि इस तरह के एक्सटेंशन वाली फ़ाइल एक स्टाइल फ़ाइल है।
मेरे ब्लॉग पर भी देखें।

उनकी तलाश कहाँ करें?

फ़ाइल का पथ टेम्पलेट के बीच में जिम्मेदार ठहराया गया है
" />
Blogspot थोड़ा अलग है, जहाँ स्टाइल्स को टैग के ठीक पहले कोड में लिखा जाता है के बीच
यहाँ शैलियाँ

शैलियाँ कैसी दिखती हैं?

आइए एक उदाहरण देखें:
#हेडर (पृष्ठभूमि: #fff; फ़ॉन्ट-आकार: 13px; रेखा-ऊंचाई: 1.5; फ़ॉन्ट-परिवार: जॉर्जिया, "टाइम्स न्यू रोमन", "बिटस्ट्रीम चार्टर", टाइम्स, सेरिफ़; रंग: # 333; ) .संपर्क ( स्थिति: निरपेक्ष; शीर्ष: 20px; दाएँ: 10px;)
वेबसाइट साइट लेखक संपर्क
आप किसी भी साइट पर शैलियों को देख सकते हैं, आपको बस एक ब्राउज़र चाहिए। अब आप इस लेख में वे कैसे दिखते हैं, पढ़कर उन्हें आसानी से पहचान सकते हैं।
जैसा कि आप देख सकते हैं, शैलियों को अलग तरह से लिखा गया है। पाउंड चिह्न से शुरू होने वाली शैलियों में एक विशिष्ट ब्लॉक आईडी होती है, डॉट वाली शैलियों में एक विशिष्ट ब्लॉक वर्ग होता है। अन्यथा, शैलियाँ काम नहीं करेंगी। आप जो भी नाम चाहते हैं, उसके साथ आ सकते हैं, मुख्य बात यह है कि वे html में लिखित आईडी और वर्ग के अनुरूप हैं। शैली गुणों को कोष्ठकों में संलग्न किया जाना चाहिए और उसके बाद एक कोलन ( ऊपर के उदाहरण को देखो), पैरामीटर अर्धविराम के साथ लिखा और बंद किया गया है। यह अनुमति है कि अंत में अंतिम संपत्ति में आप अर्धविराम नहीं डाल सकते, केवल एक समापन ब्रैकेट।
ऐसा होता है कि सीएसएस को एक अलग फ़ाइल में आउटपुट किए बिना, तुरंत एक ब्लॉक में लिखा जाता है:
साइट हेडर

ब्लॉगस्पॉट पर सीएसएस

शैलियों को अलग तरह से लिखा जा सकता है, मैं बाद में समझाऊंगा कि किस कारण से। कोड को खोलने पर, हम इसे देख सकते हैं (शैलियों को ध्यान से देखें, और आप परिचित ब्लॉगिंग टैग देखेंगे जो शैलियों को सेट करते हैं):
जैसा कि आप देख सकते हैं, शैली संपत्ति .हैडर h1ऊपर अलग से सूचीबद्ध। संपत्ति को कैसे समझें और खोजें? बहुत आसान, फ़ॉन्टएक पैरामीटर है शीर्षलेख.फ़ॉन्ट, यही हम खोज रहे हैं। हम इसे ".header h1" शैली के लिए "ब्लॉग शीर्षक" गुण समूह में पाते हैं, 2 गुण "header.font" और "header.text.color" के अंदर। यहां हम उन्हें बदल रहे हैं। यह ब्राउज़र द्वारा शैलियों को पढ़ने में तेजी लाने के लिए किया जाता है, इसलिए यह कम अनुरोध करता है। आखिर संपत्ति हेडर.टेक्स्ट.रंगकहीं और दोहराया जा सकता है। नीचे और भी है शीर्षलेख.छाया.ऑफ़सेट.बाएंऔर अन्य, उनमें अर्थ वही है, मैं नहीं दोहराऊंगा।
जब वे सीएसएस (या शैलियों) में खोज करने के लिए कहते हैं, तो इसका मतलब है कि हम टैग के बीच ब्लॉगस्पॉट में देख रहे हैं
और आमतौर पर टैग से पहले
जब तक कि निश्चित रूप से वे सीधे html में नहीं लिखे जाते हैं (उदाहरण के लिए, ब्लॉक में शैलियाँ)। अन्य सेमी में, सब कुछ आमतौर पर .css एक्सटेंशन के साथ एक अलग फ़ाइल में रखा जाता है

लेखक: इवानोवा नतालिया

2019-02-15

यह नवीनतम लेख ब्लॉगस्पॉट टेम्पलेट्स के साथ-साथ नई ब्लॉगर थीम से अनावश्यक लिंक को हटाने के बारे में नवीनतम जानकारी प्रदान करने के लिए लिखा गया है। जैसा कि आप जानते हैं, 2018 में ब्लॉगर कोड में बदलाव हुए हैं, इसलिए कई कोड क्रियाओं को नए तरीके से करने की आवश्यकता है। साथ ही, नए विषय भी हैं जो अलग तरह से बनाए गए हैं। इन परिवर्तनों के संबंध में, हम लिंक हटाने के विषय का विश्लेषण करेंगे।
आप https://pr-cy.ru/link_extractor/ और https://seolik.ru/links सेवाओं पर बाहरी लिंक के लिए अपने ब्लॉग की जांच कर सकते हैं। यह मत भूलो कि आपको न केवल ब्लॉग के मुख्य पृष्ठ, बल्कि अभिलेखों के पृष्ठ (पोस्ट) और पृष्ठों (पृष्ठ) की भी जांच करने की आवश्यकता है। अनुक्रमण के लिए बड़ी संख्या में बाहरी कड़ियाँ खुलती हैं .

पुराने मानक ब्लॉगर टेम्पलेट से लिंक कैसे निकालें

एक उदाहरण के रूप में सरल टेम्पलेट का उपयोग करना।
इस तरह के टेम्प्लेट सबसे अधिक इनबाउंड लिंक देते हैं। मेरे परीक्षण ब्लॉग में, एक साधारण विषय स्थापित करते समय, जाँच करते समय, मुख्य पृष्ठ पर 25 बाहरी लिंक पाए गए, जिनमें से 14 अनुक्रमित थे।
मैं आपको याद दिलाता हूं कि टेम्प्लेट कोड में बदलाव करने से पहले, एक बैकअप कॉपी बना लें!
  1. ब्लॉगर लिंक हटाएं - https://www.blogger.com/।यह लिंक एट्रिब्यूशन विजेट में लिपटा हुआ है। "ब्लॉग डिज़ाइन" टैब में, यह एक एट्रिब्यूशन गैजेट और . इसे हटाने के लिए, "थीम" टैब पर जाएं-> HTML संपादित करें। विजेट (विजेट की सूची) की खोज करके, हम एट्रिब्यूशन 1 ढूंढते हैं और पाद लेख अनुभाग के साथ सभी कोड हटा देते हैं जिसमें यह संलग्न है। हटाए गए कोड को संक्षिप्त रूप में ऐसा दिखता है:


    और इसलिए पूरा कोड:














    हम परिवर्तनों को सहेजते हैं और एट्रिब्यूशन के लिए ब्लॉग की जांच करते हैं।
  2. बेशक, आपने विजेट्स के त्वरित संपादन के लिए अपने ब्लॉग पर "रिंच और स्क्रूड्राइवर" आइकन देखे हैं। ऐसा प्रत्येक आइकन अपने साथ ब्लॉगर के लिए एक बाहरी लिंक रखता है। अब वे nofollow टैग द्वारा बंद हो गए हैं, लेकिन फिर भी आपको उनसे छुटकारा पाने की आवश्यकता है। आप डिज़ाइन टैब में विजेट संपादित करेंगे।
    यहां उन लिंक की अधूरी सूची है जो रैंच आइकन में एन्क्रिप्ट किए गए हैं (ब्लॉग आईडी आपकी होगी)
    - HTML1 विजेट: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - HTML2 विजेट http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - ब्लॉग आर्काइव: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - ब्लॉग लेबल: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - लोकप्रिय पोस्ट: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    इन सभी लिंक से छुटकारा पाना आसान है। अपने ब्लॉग टेम्प्लेट में टैग ढूंढें . यह उतनी ही बार होता है, जितनी बार आपके ब्लॉग पर विजेट होते हैं। टैग की सभी घटनाओं को हटा दें .
  3. हम ब्लॉग प्रविष्टि ("पेंसिल" आइकन) के त्वरित संपादन के लिंक हटा देते हैं। पोस्ट को संपादित करना आसान बनाता है, लेकिन फ़ॉर्म के बाहरी लिंक के रूप में खतरे को वहन करता है: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    कैसे हटाएं:
    विधि 1। डिज़ाइन टैब में, "ब्लॉग पोस्ट" तत्व संपादित करें और "त्वरित संपादन दिखाएं" चेकबॉक्स को अनचेक करें।
    विधि 2। ब्लॉग टेम्पलेट में टैग ढूंढें और इसे हटा दें। अपने परिवर्तन सहेजें और आइकन और लिंक के लिए अपने ब्लॉग की जाँच करें।
  4. नवबार हटाएं। Navbar1 ब्लॉग के html टेम्प्लेट में विजेट खोजें और अनुभाग के साथ सभी कोड हटा दें।

    अर्थात्:









    अब ब्लॉग पर नवबार इंडेक्सेबल बाहरी लिंक प्रदान नहीं करता है, लेकिन मेरा मानना ​​है कि यह एक अतिरिक्त तत्व है जो एक कार्यात्मक भार नहीं उठाता है, और इसे हटा देना बेहतर है।
  5. छवियों के बाहरी लिंक निकालें। जब छवियों को ब्लॉग पोस्ट पर अपलोड किया जाता है, तो उनमें एक लिंक स्वचालित रूप से एम्बेड हो जाता है। ऐसे लिंक को हटाने के लिए, आपको सभी ब्लॉग पोस्ट संपादित करने होंगे। "व्यू" मोड में और फिर "लिंक" आइकन पर। यदि छवि में कोई बाहरी लिंक नहीं है, तो पोस्ट संपादक में फोटो पर क्लिक करने पर, "लिंक" आइकन सक्रिय नहीं होता है (कोई आइकन रोशनी नहीं होती है)।

  6. ब्लॉग लेखक की प्रोफ़ाइल का लिंक निकालें. प्रविष्टि के अंतर्गत ब्लॉग के लेखक को हटा दें। ऐसा करने के लिए, कोड खोजें सचऔर सच की जगह झूठ लिखो। यह पता चला है झूठा
  7. " " विजेट से लिंक को nofollow टैग के साथ अनुक्रमणित करने से बंद करें। यदि आप अपने ब्लॉग में "प्रोफ़ाइल" विजेट का उपयोग करते हैं, तो प्रोफ़ाइल1 गैजेट कोड खोजने के लिए ब्लॉग टेम्पलेट में त्वरित विजेट खोज का उपयोग करें। आपको दो स्थानों पर rel='author' को से बदलकर और को दो लिंक में जोड़कर विजेट कोड को संपादित करना होगा। आपको स्क्रीनशॉट में कुछ ऐसा मिलना चाहिए:


    Google प्लस प्रोफ़ाइल को संपादित करने के उदाहरण का उपयोग करके बनाया गया। एक अनुस्मारक के रूप में, Google प्लस को 2 अप्रैल, 2019 को चरणबद्ध तरीके से बंद कर दिया जाएगा। तदनुसार, इस तिथि के बाद, "मेरे बारे में" विजेट के कोड में अन्य परिवर्तन करना आवश्यक होगा।

  8. किसी भी Blogspot पोस्ट पेज पर बाहरी लिंक की जाँच करें जिसमें टिप्पणियाँ हैं। ब्लॉग टेम्प्लेट में कोड ढूंढें और हटाएं:

    पथ के साथ ब्लॉग सेटिंग्स में ब्लॉग सेटिंग्स -> अन्य -> ​​साइट फ़ीड -> ब्लॉग फ़ीड की अनुमति दें, निम्नलिखित सेटिंग्स लागू करें:

नए डिफ़ॉल्ट ब्लॉगर टेम्पलेट से बाहरी लिंक निकालें

एक उदाहरण के रूप में उल्लेखनीय विषय का उपयोग करना
  1. एट्रिब्यूशन हटाना (नीचे लिंक - ब्लॉगर टेक्नोलॉजीज)
    हम विजेट खोज ब्लॉग टेम्पलेट (विजेट की सूची) में एट्रिब्यूशन1 ढूंढते हैं और पुराने ब्लॉगर टेम्पलेट के साथ सादृश्य द्वारा अनुभाग के साथ कोड को हटाते हैं (ऊपर 1 देखें)।
  2. "दुरुपयोग की रिपोर्ट करें" विजेट से लिंक निकालें। यह ReportAbuse1 विजेट है। हम विगेट्स की खोज में पाते हैं:
    पूरा कोड इस तरह दिखता है:




  3. हम टिप्पणियों के साथ ब्लॉग पोस्ट पेज की जांच करते हैं और पुराने ब्लॉग टेम्प्लेट के अनुरूप लिंक हटाते हैं (ऊपर देखें - बिंदु 8)।
  4. पोस्ट छवियों में एम्बेड किए गए ब्लॉग पोस्ट से लिंक निकालें (बिंदु 5 देखें)।

लेखक: इवानोवा नतालिया

आमतौर पर, वेब के लिए टेक्स्ट तैयार करते समय, वे उद्धरणों के डिजाइन पर पर्याप्त ध्यान नहीं देते हैं। इस दुर्भाग्यपूर्ण गलतफहमी को दूर करने की कोशिश करते हुए, हम दो मुद्दों पर बात करेंगे: उद्धरणों का टाइपोग्राफिक डिज़ाइन (उस भाग में जहाँ लेआउट त्रुटियाँ सबसे अधिक बार की जाती हैं) और HTML कोड में इस डिज़ाइन का कार्यान्वयन।

हम उद्धरण की शब्दार्थ सटीकता की जाँच करने, कटौती, संक्षिप्त और परिवर्धन के सही उपयोग के मुद्दों पर भी ध्यान नहीं देंगे - हर कोई जो रुचि रखता है वह ए.ई. मिलचिन और एल.के. चेल्त्सोवा द्वारा "प्रकाशक और लेखक की संदर्भ पुस्तक" की प्रतीक्षा कर रहा है।

हम आशा करते हैं कि यह प्रविष्टि उद्धरण स्वरूपण के बारे में अक्सर सामने आने वाले प्रश्नों के संदर्भ के रूप में उपयोग करने के लिए सुविधाजनक होगी।

उद्धरणों का टाइपोग्राफिक डिज़ाइन

उल्लेख

पाठ के अंदर उद्धरण, मुख्य पाठ की तरह ही टाइप किए गए, उद्धरण चिह्नों में संलग्न हैं। यदि उद्धरण को रंग, फ़ॉन्ट आकार, अन्य फ़ॉन्ट, इटैलिक में हाइलाइट किया गया है, या उद्धरण को टेक्स्ट के एक अलग ग्राफिक रूप से हाइलाइट किए गए ब्लॉक में रखा गया है, तो उद्धरण नहीं डाले जाते हैं। इसके अलावा, उद्धरण-एपिग्राफ को उद्धरण चिह्नों के साथ चिह्नित नहीं किया जाता है, जब तक कि उनके साथ गैर-उद्धृत पाठ न हो।

उद्धरण चिह्न केवल उद्धरण के आरंभ और अंत में रखे जाते हैं, चाहे उद्धरण का आकार और उसमें अनुच्छेदों की संख्या कुछ भी हो।

उद्धरण उसी पैटर्न के उद्धरण चिह्नों में संलग्न हैं जो मुख्य पाठ में मुख्य पाठ के रूप में उपयोग किए जाते हैं - अधिकांश मामलों में, ये क्रिसमस ट्री उद्धरण चिह्न "" हैं।

यदि उद्धरण के अंदर शब्द (वाक्यांश, वाक्यांश) हैं, जो बदले में उद्धरणों में संलग्न हैं, तो बाद वाला उद्धरण को बंद करने और खोलने वाले उद्धरणों की तुलना में एक अलग पैटर्न का होना चाहिए (यदि बाहरी उद्धरण क्रिसमस ट्री "" हैं, तो भीतरी वाले पंजे हैं "", और इसके विपरीत)। उदाहरण के लिए: वसीली पुपकिन ने हाल ही में एक साक्षात्कार में कहा: "पपस्ट्रॉयट्रेस्ट कंपनी ने ज़ापोरोज़े में निर्माण कंपनियों की रैंकिंग में सम्मानजनक छह सौ बारहवां स्थान हासिल किया।"

यदि उद्धरण में "तीसरे चरण" के उद्धरण चिह्न हैं, यानी उद्धरण के उद्धृत वाक्यांशों के अंदर, बदले में, उद्धरण चिह्नों में लिए गए शब्द, बाद वाले के रूप में, दूसरे आंकड़े के उद्धरण चिह्न हैं, कि है, पंजे की सिफारिश की जाती है। मिलचिन और चेल्ट्सोवा का एक उदाहरण: एम। एम। बख्तिन ने लिखा: "त्रिशातोव एक किशोर को संगीत के प्रति अपने प्यार के बारे में बताता है और उसके सामने एक ओपेरा का विचार विकसित करता है:" सुनो, क्या आपको संगीत पसंद है? मैं बहुत प्यार करता हूँ ... अगर मैं एक ओपेरा की रचना कर रहा होता, तो आप जानते हैं, मैं फॉस्ट से कथानक लेता। मुझे यह विषय बहुत पसंद है।"लेकिन सामान्य तौर पर, उद्धरण के डिजाइन को इस तरह से पुनर्व्यवस्थित करने का प्रयास करना बेहतर होता है कि ऐसे मामले सामने नहीं आते।

वाक्य के अंत में उद्धरण के बाद विराम चिह्न

यदि कोई वाक्य उद्धरण के साथ समाप्त होता है, तो हमेशा एक अवधि लगाई जाती है। बादसमापन उद्धरण। निम्नलिखित मामलों में बिंदु छोड़ा गया है।
  1. यदि समापन उद्धरण से पहले एक दीर्घवृत्त, एक विस्मयादिबोधक चिह्न या एक प्रश्न चिह्न है, और उद्धरणों में संलग्न उद्धरण एक स्वतंत्र वाक्य है (एक नियम के रूप में, बृहदान्त्र के बाद सभी उद्धरण उन्हें उद्धरणकर्ता के शब्दों से अलग करते हैं) . इस मामले में, विराम चिह्न लगाया जाता है उद्धरण के अंदर. मिलचिन और चेल्ट्सोवा का एक उदाहरण:
    Pechorin ने लिखा: "मुझे एक धुंधली और ताज़ा सुबह याद नहीं है!"
    Pechorin ने स्वीकार किया: "मैं कभी-कभी खुद से घृणा करता हूं ..."
    Pechorin पूछता है: "और भाग्य ने मुझे ईमानदार तस्करों के शांतिपूर्ण घेरे में क्यों फेंक दिया?"
  2. वही यदि कोई उद्धरण एक स्वतंत्र वाक्य के साथ समाप्त होता है, जिसका पहला वाक्य एक छोटे अक्षर से शुरू होता है। उदाहरण के लिए: Pechorin प्रतिबिंबित करता है: "... भाग्य ने मुझे ईमानदार तस्करों के शांतिपूर्ण घेरे में क्यों फेंक दिया? चिकने झरने में फेंके गए पत्थर की तरह, मैंने उनकी शांति भंग कर दी ... "
  3. यदि समापन उद्धरण चिह्नों से पहले कोई प्रश्न या विस्मयादिबोधक चिह्न है, और उद्धरण एक स्वतंत्र वाक्य नहीं है, और उद्धरण के साथ पूरे वाक्यांश के बाद एक प्रश्न या विस्मयादिबोधक चिह्न होना चाहिए। उदाहरण के लिए: लेर्मोंटोव ने प्रस्तावना में कहा कि यह "एक पुराना और दयनीय मजाक है!"
हम एक बार फिर इस बात पर जोर देते हैं कि अन्य मामलों में, वाक्य के अंत में एक अवधि रखी जाती है, और इसे रखा जाता है बादसमापन उद्धरण।

अंदर उद्धरणकर्ता के शब्दों के साथ उद्धरण

इस तथ्य के बावजूद कि उद्धरण में उद्धरणकर्ता का भाषण शामिल है, उद्धरण अभी भी केवल एक बार रखे जाते हैं - शुरुआत में और उद्धरण के अंत में। उद्धरण देने वाले व्यक्ति के शब्दों से पहले एक समापन उद्धरण रखें और उनके बाद फिर से खोलें आवश्यक नहीं.

यदि उद्धरण के टूटने के स्थान पर कोई विराम चिह्न नहीं है, या अल्पविराम, अर्धविराम, कोलन या डैश के स्थान पर विराम होता है, तो उद्धरणकर्ता के शब्दों को दोनों तरफ अल्पविराम और डैश द्वारा अलग किया जाता है ", -" (यह मत भूलो कि डैश से पहले एक गैर-ब्रेकिंग स्पेस होना चाहिए!)

स्रोत पर उद्धरण के साथ पाठ में
मैं नेक आवेगों में असमर्थ हो गया ... "मैं," पेचोरिन मानते हैं, "महान आवेगों में असमर्थ हो गया ..."
...मेरा दिल पत्थर हो जाता है, और कोई भी चीज इसे फिर से गर्म नहीं कर सकती। "... मेरा दिल पत्थर में बदल जाता है," Pechorin निराशाजनक रूप से समाप्त होता है, "और कुछ भी इसे फिर से गर्म नहीं करेगा।"
अत्यधिक एकतरफा और प्रबल रुचि मानव जीवन के तनाव को अत्यधिक बढ़ा देती है; एक और धक्का और व्यक्ति पागल हो जाता है। "अत्यधिक एकतरफा और मजबूत रुचि मानव जीवन के तनाव को अत्यधिक बढ़ा देती है," डी। खार्म्स प्रतिबिंबित करते हैं, "एक और धक्का, और एक व्यक्ति पागल हो जाता है।"
सभी मानव जीवन का लक्ष्य एक है: अमरता। "हर मानव जीवन का लक्ष्य एक है," डी. खार्म्स अपनी डायरी, "अमरता" में लिखते हैं।
वास्तविक रुचि हमारे जीवन में मुख्य चीज है। "वास्तविक रुचि, - डी। हार्म्स कहते हैं, - हमारे जीवन में मुख्य चीज है।"
यदि स्रोत में उद्धरण के टूटने के स्थान पर एक बिंदु है, तो एक अल्पविराम और एक डैश ", -" को उद्धरणकर्ता के शब्दों से पहले रखा जाता है, और उसके शब्दों के बाद - एक बिंदु और एक डैश "। - "(गैर-ब्रेकिंग स्पेस के बारे में मत भूलना!), और उद्धरण का दूसरा भाग एक बड़े अक्षर से शुरू होता है (आम लोगों में "बड़ा" या "पूंजी" भी कहा जाता है)। उद्धरण के शब्दों से पहले डाल दिया यह संकेत और एक पानी का छींटा "? -; ! -; ... -", और उसके शब्दों के बाद - एक बिंदु और एक पानी का छींटा "। -" यदि उद्धरण का दूसरा भाग बड़े अक्षर से शुरू होता है। यदि उद्धरण का दूसरा भाग एक छोटे अक्षर से शुरू होता है (जिसे आम लोगों में "छोटा" भी कहा जाता है), तो उद्धरणकर्ता के शब्दों के बाद एक अल्पविराम और एक डैश ", -" रखा जाता है।
स्रोत पर उद्धरण के साथ पाठ में
मैं कभी-कभी खुद से घृणा करता हूँ... इसलिए नहीं कि मैं दूसरों से भी घृणा करता हूँ?... मैं नेक आवेगों में असमर्थ हो गया हूँ; मुझे अपने आप को हास्यास्पद लगने का डर है। "कभी-कभी मैं खुद से घृणा करता हूं ... क्या मैं दूसरों को भी तुच्छ जानता हूं? .. - पेचोरिन मानते हैं। "मैं नेक आवेगों में असमर्थ हो गया हूँ ..."
... माफ कर दो प्यार! मेरा दिल पत्थर हो जाता है और कुछ भी इसे फिर से गर्म नहीं करेगा। "... माफ कर दो प्यार! - Pechorin अपनी पत्रिका में लिखते हैं, - मेरा दिल पत्थर हो जाता है ... "
यह किसी प्रकार का जन्मजात भय है, एक अकथनीय पूर्वाभास ... आखिरकार, ऐसे लोग हैं जो अनजाने में मकड़ियों, तिलचट्टे, चूहों से डरते हैं ... "यह किसी प्रकार का सहज भय है, एक अकथनीय पूर्वाभास ... - Pechorin स्पष्टीकरण की तलाश में है। "आखिरकार, ऐसे लोग हैं जो अनजाने में मकड़ियों, तिलचट्टे, चूहों से डरते हैं ..."

कोड में स्वरूपण उद्धरण

बहुत से लोग भूल जाते हैं कि HTML 4.01 मानक पहले से ही पाठ के अंदर टाइप किए गए उद्धरणों को सजाने के लिए तत्व प्रदान करता है, और या तो उनका उपयोग नहीं करता है, या (इससे भी बदतर) टैग के अंदर उद्धरण डालता है … या … . इंडेंट बनाने के लिए ब्लॉकक्वाट तत्व के उपयोग का निरीक्षण करने के लिए भी इसका हवाला दिया गया था, जो लेआउट के शब्दार्थ को देखने के दृष्टिकोण से भी अस्वीकार्य है।

तो, उद्धरणों को हाइलाइट करने के लिए दो तत्वों का उपयोग किया जाता है: एक ब्लॉक उद्धरण और एक इनलाइन q। इसके अलावा, इनलाइन उद्धरण तत्व का उपयोग उस स्रोत का वर्णन करने के लिए किया जाता है जिससे उद्धरण लिया गया था। कृपया ध्यान दें कि उद्धरण केवल उपयोग किया जाता है और स्रोत के लिंक को इंगित करने के लिए आवश्यक है, उद्धरण स्वयं उद्धरण तत्व के अंदर शामिल नहीं है!

एचटीएमएल 4.01 विनिर्देश के अनुसार, ब्लॉकक्वाट और क्यू तत्व सिट = "..." विशेषताओं का उपयोग कर सकते हैं, जो उस यूआरएल को इंगित करता है जहां से उद्धरण उधार लिया गया था (अलग उद्धरण तत्व के साथ भ्रमित नहीं होना चाहिए), और शीर्षक = "... " , जिसकी सामग्री माउस के साथ कोट पर होवर करने पर टूलटिप के रूप में पॉप अप होगी।

दुर्भाग्य से, ब्राउज़र अभी तक इन HTML तत्वों को बहुत अच्छी तरह से संभाल नहीं पाते हैं। तो, cite="…" एट्रिब्यूट किसी भी ब्राउज़र द्वारा बिल्कुल भी रेंडर नहीं किया जाता है। इस दोष को दूर करने के लिए, पॉल डेविस द्वारा एक स्क्रिप्ट है जो एक अलग परत में साइट विशेषता में निर्दिष्ट लिंक के साथ एक टूलटिप प्रदर्शित करती है।

इनलाइन कोट्स के आउटपुट से संबंधित दूसरा वैश्विक दोष इंटरनेट एक्सप्लोरर परिवार के ब्राउज़रों के साथ जुड़ा हुआ है (आश्चर्य, आश्चर्य!) फिर से, विनिर्देश के अनुसार, दस्तावेज़ के लेखक को q तत्व का उपयोग करते समय उद्धरण नहीं लिखना चाहिए। उद्धरण ब्राउज़र द्वारा प्रस्तुत किए जाने चाहिए, और नेस्टेड उद्धरणों के मामले में, उनका एक अलग पैटर्न भी होता है। ठीक है, मान लें कि ओपेरा अंतिम आवश्यकता का अनुपालन नहीं करता है, और नेस्टेड उद्धरणों के उद्धरण समान हैं। लेकिन संस्करण 7 तक IE उन्हें बिल्कुल भी प्रस्तुत नहीं करता है!

साथ ही, आईई सीएसएस गुण उद्धरण, पहले, बाद, और सामग्री को नहीं समझता है, जो, कमीने, सीएसएस का उपयोग करके शब्दार्थ रूप से सही लेआउट के साथ समस्या को हल करने की उम्मीद को पूरी तरह से दबा देता है।

यह समस्या कई तरीकों से हल की जाती है:

  • एक मालिकाना सीएसएस व्यवहार संपत्ति (पॉल डेविस का समाधान) का उपयोग करना जो जावास्क्रिप्ट को ट्रिगर करता है जो आईई में उद्धरण चिह्न रखता है, नेस्टेड उद्धरण चिह्नों के पैटर्न के साथ इंटरलीव किया जाता है;
  • सशर्त टिप्पणियों का उपयोग करके, पृष्ठ लोड पर केवल जावास्क्रिप्ट निष्पादित करके (Jez नींबू का समाधान Juicy Studio से), जबकि नेस्टेड उद्धरणों का पैटर्न स्थिर है;
  • या सीएसएस में उद्धरणों को शून्य करके उद्धरण संपत्ति का उपयोग करके और मैन्युअल रूप से पाठ में उद्धरण रखकर, लेकिन (ध्यान!)
आखिरी तरीका मुझे विवेक के साथ उतना ही लगता है जितना कि शब्बत पर प्रतिबंधों के आसपास जाने का रास्ता खोजने की कोशिश करना - सिफारिशों के पत्र को देखते हुए भावना का उल्लंघन।

इसलिए, पहले दो में से दूसरी विधि का चयन करते हुए, हम जेज़ लेमन की लिपि का उपयोग करते हैं, रूसी भाषा के लिए थोड़ा संशोधित। हां, अक्षम जावास्क्रिप्ट के साथ, IE उपयोगकर्ता को उद्धरणों के बिना छोड़ दिया जाएगा, हम इसे एक आवश्यक बुराई के रूप में स्वीकार करते हैं।

हमारा उद्धरण समाधान

इसलिए, उद्धरणों के साथ पाठ को पर्याप्त रूप से लिखने के लिए, आपको उद्धरण.जेएस स्क्रिप्ट डाउनलोड करने की आवश्यकता है, और फिर सशर्त टिप्पणियों का उपयोग करके इसे मुख्य तत्व के अंदर कनेक्ट करें:



इसके अलावा, उन ब्राउज़रों के लिए जो उद्धरण चिह्नों को पर्याप्त रूप से प्रस्तुत करते हैं, आपको सीएसएस फ़ाइल में रूसी भाषा के लिए उद्धरण चिह्नों की छवि निर्दिष्ट करने की आवश्यकता है। सौभाग्य से, रूसी टाइपोग्राफी में, नेस्टेड उद्धरणों में नेस्टिंग स्तर की परवाह किए बिना एक पैटर्न होता है (जो अतिरिक्त कक्षाओं को शामिल किए बिना सीएसएस में लागू करना आसान है), लेकिन हम एक बार फिर से पाठ लिखने के चरण में गहरे नेस्टेड उद्धरणों से बचने की दृढ़ता से अनुशंसा करते हैं।

// सीएसएस फ़ाइल में जोड़ना
// बाहरी उद्धरण चिह्न
क्यू (उद्धरण: "\00ab" "\00bb";)

// नेस्टेड पंजा उद्धरण
क्यू क्यू (उद्धरण: "\201e" "\201c"; )

यह स्पष्ट है कि यह तंत्र, यदि आवश्यक हो, गहरे घोंसले के साथ उद्धरण चिह्नों को वैकल्पिक करने के मामले में जटिल हो सकता है, उदाहरण के लिए, q.odd और q.even और उद्धृत करते समय सीधे हाथ से वर्ग निर्दिष्ट करके।

अब हम आसानी से और शब्दार्थ रूप से निम्नलिखित उद्धरण टाइप करते हैं: "सालगिरिस अभियान की सफलता," व्लादिमीरस पुपकिंस ने रूस टुडे को बताया, "न केवल टूथपेस्ट विक्रेताओं की पसंद के कारण है, बल्कि मार्क ट्वेन ने "अंदर जाने वाले दरवाजे से कूदना" कहा है।

रूस टुडे के साथ एक साक्षात्कार में कहा, जलगिरी अभियान की सफलता व्लादिमिरस पुपकिंस, - न केवल टूथपेस्ट विक्रेताओं की पसंद के कारण है, बल्कि इस तथ्य के कारण भी है कि मार्क ट्वेनबुलाया अंदर जाने वाले दरवाजे से कूदना.

सबसे अच्छी बात यह है कि नेस्टेड टैग के लिए शीर्षक = "…" विशेषताएँ ब्राउज़र द्वारा सही ढंग से संभाली जाती हैं।

नेस्टेड ब्लॉकक्वाट , q , और उद्धरण तत्वों को सही ढंग से साझा करने के लिए एक उदाहरण लिखना पाठक पर होमवर्क के रूप में छोड़ दिया जाता है। :)

अपडेट करें:से सुधार - बेशक, सीएसएस में उद्धरण पैटर्न सेट करने के लिए, आपको नेस्टेड शैलियों का वर्णन करने की आवश्यकता नहीं है, उद्धरणों की मानक कार्यक्षमता: q संपत्ति पर्याप्त है (उद्धरण: "\00ab" "\00bb" "\201e" " \201c";)

टैग:

  • उल्लेख
  • उद्धरण
  • ब्लॉककोट
  • उद्धरण
टैग लगा दो

HTML में कोट्स बनाने के लिए दो तत्वों का उपयोग किया जाता है: ब्लॉक तत्व <Ыockquote> और इनलाइन तत्व . टैग <Ыockquote> लंबे उद्धरणों को प्रदर्शित करने के लिए उपयोग किया जाता है जो एक संपूर्ण अनुच्छेद लेते हैं और इसे बाएं और दाएं किनारों से इंडेंट करके प्रदर्शित करते हैं। यह टैग आपको पाठ को पृष्ठ के मध्य में संक्षिप्त रूप से रखने की अनुमति देता है। इसमें अन्य पाठ स्वरूपण तत्व हो सकते हैं।

तत्व छोटे उद्धरणों के लिए उपयोग किया जाता है जो वर्तमान अनुच्छेद का हिस्सा हैं। आम तौर पर, ब्राउज़र किसी तत्व की सामग्री को लपेटते हैं उद्धरण चिह्नों में। आमतौर पर, उद्धरण में पंक्ति विराम शामिल नहीं होते हैं, और उद्धरण को पाठ-स्तरीय तत्व माना जाता है।

दोनों तत्वों में एक विशेषता हो सकती है अदालत में तलब करना, जिसका मान उद्धृत अंश का URL है।

उदाहरण: लंबे और छोटे उद्धरण

  • यह अपने आप का प्रयास करें "

ऊर्ध्वाधर प्लंब लाइन का उपयोग करके आसानी से निर्धारित किया जा सकता है।

जैसा कि ए. ए. मिल्ने ने कहा, कुछ लोग जानवरों से बात करते हैं।

प्रेक्षक के लिए जेनिथ आकाश का उच्चतम बिंदु है।
ऊर्ध्वाधर दिशा में, जैसा कि ज्ञात है,
ऊर्ध्वाधर प्लंब लाइन का उपयोग करके आसानी से निर्धारित किया जा सकता है।

जैसा कि ए.ए. मिल्ने ने कहा, कुछ लोग जानवरों से बात करते हैं।

टैग

एक संक्षिप्त नाम लिखित रूप में अपनाए गए शब्दों या दूसरे शब्दों (विश्वविद्यालय, अनुसंधान संस्थान, कार्यकारी समिति, आदि) के कई हिस्सों से बना शब्द है। पाठ में किसी संक्षिप्त या संक्षिप्त नाम का उपयोग करते समय, टैग का उपयोग करें . "शीर्षक" विशेषता का उपयोग करके, आप संक्षेप के डिकोडिंग के साथ टूलटिप सेट कर सकते हैं। साथ ही, खोज रोबोट "शीर्षक" विशेषता में परिभाषित ट्रांसक्रिप्ट के बिल्कुल पूर्ण संस्करण को अनुक्रमित करता है। संक्षिप्ताक्षरों को नियमित पाठ से अलग करने के लिए, उन्हें एक बिंदीदार रेखा के साथ रेखांकित किया जाता है।

उदाहरण: संक्षेप

  • यह अपने आप का प्रयास करें "

नासा कुछ अविश्वसनीय अंतरिक्ष प्रयोग कर रहा है।

भूतपूर्व। स्टीफन हॉकिंग एक सैद्धांतिक भौतिक विज्ञानी और ब्रह्मांड विज्ञानी हैं।

NАSА!}कुछ अविश्वसनीय होस्ट करता है
अंतरिक्ष प्रयोग।

भूतपूर्व।स्टीफन हॉकिंग एक सैद्धांतिक भौतिक विज्ञानी और ब्रह्मांड विज्ञानी हैं।

टैग

टैग
संपर्क जानकारी, पते और टेलीफोन नंबरों को इंगित करने के लिए उपयोग किया जाता है। इसमें एक डाक पता, साथ ही एक ईमेल पता या फोन नंबर भी हो सकता है। अधिकांश ब्राउज़र तत्व की सामग्री प्रदर्शित करते हैं
इटैलिक फ़ॉन्ट।

उदाहरण: पता

  • यह अपने आप का प्रयास करें "

एचटीएमएल ट्यूटोरियल
बेली मक्सिम मक्सिमोविच
उत्तर पश्चिमी प्रौद्योगिकी संस्थान
Teplogorsk State University of Technology and Design
[ईमेल संरक्षित]

टैग और

टैग संदर्भित स्रोत को इंगित करने के लिए किसी प्राथमिक स्रोत, जैसे किसी पुस्तक, वेबसाइट, या शैक्षणिक कार्य का संदर्भ देते समय उपयोग किया जाता है। अक्सर ग्रंथ सूची में उपयोग किया जाता है, जब कॉपीराइट का श्रेय दिया जाता है या किसी संसाधन के मालिक के नाम का उल्लेख किया जाता है। ब्राउज़र तत्व सामग्री प्रदर्शित करते हैं इटैलिक फ़ॉन्ट।

टैग कुछ नए शब्द की परिभाषा को इंगित करने के लिए प्रयोग किया जाता है। पाठ में एक नए शब्द (एक वैज्ञानिक अवधारणा या एक संकीर्ण प्रोफ़ाइल नाम) की व्याख्या को "परिभाषा" कहा जाता है। तत्व यदि पाठ में पहली बार कोई नया शब्द आता है और उसकी परिभाषा तुरंत दी जाती है तो इसका उपयोग किया जा सकता है। ब्राउज़र ऐसे टेक्स्ट को इटैलिक में प्रदर्शित करता है।

उदाहरण: स्रोत और परिभाषाएं

  • यह अपने आप का प्रयास करें "


स्टीफन हॉपकिंस का रेड ड्रैगन देखना।

पिंड का संवेग एक सदिश राशि है, इसके सदिश की दिशा समान होती है
गति दिशा के साथ

पहले महीने में ही दस हजार से ज्यादा टिकट बिके
एक फिल्म देखना लाल ड्रैगनस्टीफन हॉपकिंस।

शरीर की गतिएक सदिश राशि है, इसके सदिश की दिशा समान होती है
गति दिशा के साथ

टैग

टैग प्रदर्शित पाठ की दिशा को नियंत्रित करता है। इसमें एक आवश्यक डीआईआर विशेषता है जो एलटीआर (बाएं से दाएं) और आरटीएल (दाएं से बाएं) मान लेती है।

उदाहरण: टेक्स्ट डायरेक्शन

  • यह अपने आप का प्रयास करें "


यदि आपका ब्राउज़र द्विदिश एल्गोरिथम (bdo) का समर्थन करता है,
अगली पंक्ति दाएँ से बाएँ लिखी जाएगी (rtl)


यह पाठ दाएं से बाएं लिखा जाता है।

कार्य

अंतिम कार्य

इस पाठ में, आप कुछ और तार्किक स्वरूपण तत्वों से परिचित हुए, जो पाठ की उपस्थिति को नहीं, बल्कि उसके प्रकार को निर्धारित करते हैं, और यह निर्भर करता है कि कौन सा ब्राउज़र एक या दूसरे प्रकार के बाहरी स्वरूपण को लागू करता है। ऊपर चर्चा किए गए सभी तत्व कंटेनर हैं और उन्हें क्लोजिंग टैग की आवश्यकता होती है। इनमें से कुछ तत्व पाठ के स्वरूप को बिल्कुल भी नहीं बदल सकते हैं, इसलिए यहां पर ध्यान इस बात पर था कि वे पाठ के अर्थ को कैसे परिभाषित करते हैं, बजाय इसके कि वे इसे कैसे प्रारूपित करते हैं।

आपने जो सीखा है उसकी समीक्षा करने और चार सरल कार्यों को पूरा करने का समय आ गया है:

संक्षिप्त उद्धरण

  • अपने लिए तय करें "

HTML बूलियन का उपयोग करते हुए, शब्द के चारों ओर उद्धरण चिह्न जोड़ें: "सिद्धांत"।

संक्षिप्त उद्धरण

सिद्धांत नई घटनाओं और नए कानूनों की भविष्यवाणी करता है।

संक्षिप्त उद्धरण

लिखित नई घटनाओं और नए कानूनों की भविष्यवाणी करता है।

लंबी बोली

  • अपने लिए तय करें "

निम्नलिखित पाठ को एक तत्व के अंदर रखें जो इसे एक बाएं इंडेंटेड उद्धरण बना देगा। उस संसाधन का URL निर्दिष्ट करें जहां से यह उद्धरण आता है: "http://www.world.org"।

लंबी बोली गति और गति की दिशा की एक विशेषता भौतिक मात्रा - गति है।

तत्व की परिभाषा बदल दी गई है

और . लेख बताता है कि डेवलपर्स के लिए इसका क्या अर्थ है।

परिभाषा परिवर्तन

तत्व

सामग्री का प्रतिनिधित्व करता है जो किसी अन्य स्रोत से उद्धरण है, संभवत:, जिसमें इस स्रोत का उल्लेख शामिल है, जो होना चाहिएतत्वों के अंदर रखा गया
या , और, संभवत:एक युक्त नोट्स और संक्षिप्ताक्षर।

एक तत्व के अंदर सामग्री

, स्रोत के संदर्भ और पाठ में परिवर्तन को छोड़कर, यह होना चाहिएकिसी अन्य स्रोत से सटीक उद्धरण जिसका पता, यदि कोई हो, शायदउद्धरण विशेषता में निर्दिष्ट।

दूर्लभ मामला

उद्धरणों के स्रोत को इंगित करने के लिए एक ब्लॉककोट के भीतर उद्धरण और पाद लेख का उपयोग करने के खिलाफ तर्क यह है कि उद्धृत सामग्री में उद्धरण और उद्धरण शामिल हो सकते हैं। हम इस तर्क को इस कारण से खारिज कर सकते हैं कि ऐसे मामले अत्यंत दुर्लभ हैं। बाहर निकलना और

ऐसे दुर्लभ मामले के लिए सैद्धांतिक शुद्धता का एक और उदाहरण है जो व्यावहारिक उद्देश्यों की पूर्ति नहीं करेगा।

लेकिन अगर आपके लिए ऐसा है, तो वर्तमान में HTML स्पेक आपको उद्धरण कोड में स्रोत उद्धरण पर टिप्पणी करने के लिए कहता है। (प्रश्न अभी भी खुला है और यह टिप परिवर्तन के अधीन है):

(11/6/13 जोड़ा गया, संपादक का नोट।)फीडबैक के जवाब में, हमने क्लास एट्रिब्यूट (जिसे विस्तारित करने के लिए इस्तेमाल किया जा सकता है) का उपयोग करने के लिए विनिर्देश के लिए हमारे प्रस्ताव को बदलने का फैसला किया है। यह इंगित करने के लिए कि यह उद्धरण के स्रोत का हिस्सा है।

मेरा पसंदीदा किताब है स्विम-टू-बर्ड्स में

- माइकस्मिथ

परिभाषा परिवर्तन

डेवलपर्स ने परिभाषा में बदलाव का विरोध किया:

अत्यधिक प्रतिबंधात्मक, पिछड़े-असंगत तत्व परिवर्तनों के खिलाफ सविनय अवज्ञा अभियान में शामिल हों . HTML5 का उपयोग शुरू करें, लेकिन इसे समझदारी से इस्तेमाल करना शुरू करें। आइए देखें कि कितनी बुरी सलाह नाली में गिर जाती है।

उन्होंने स्रोत का हवाला देते हुए अमूर्त और वास्तविक उदाहरण भी दिए। अब, अनुसंधान, डेटा विश्लेषण और चर्चा के परिणामस्वरूप, डेवलपर्स पुन: उपयोग कर सकते हैं का उल्लेख करने के लिए

संबंधित आलेख