आपण कधीही HTML घटकांच्या सूचीकडे पाहिले असेल, तर आपण स्वत: ला "ब्लॉककोट म्हणजे काय?" विचारत असाल. ब्लॉककोट घटक हा एचटीएमएल टॅग जोड आहे जो दीर्घ मुल्यांकन निश्चित करण्यासाठी वापरला जातो. W3C HTML5 तपशीलाप्रमाणे या घटकाची परिभाषा येथे आहे:
ब्लॉककोट घटक दुसर्या विभागात उद्धृत केलेल्या एका विभागास प्रतिनिधित्व करतो.
आपल्या वेबपृष्ठांवर अवरोधक कसे वापरावे
जेव्हा आपण एखाद्या वेब पृष्ठामध्ये मजकूर लिहित असाल आणि त्या पृष्ठाचे लेआउट तयार करता तेव्हा आपण काहीवेळा अवतरणाचा मजकूर म्हणून ब्लॉक लावू इच्छित असाल
हे एखाद्या अभ्यासाप्रमाणे असू शकते, जसे एखाद्या केस स्टडी किंवा प्रोजेक्ट यशोगाथासह ग्राहक प्रशस्तिपत्र. हा एक डिझाइन उपचार देखील असू शकतो जो लेख किंवा सामग्रीमधून काही महत्त्वपूर्ण मजकूर पुनरावृत्ती करते. प्रकाशित करताना, यास कधीकधी पुल-कोट म्हटले जाते, वेब डिझाइनमध्ये, (आणि या लेखात आपण ज्या पद्धतीने समाविष्ट करत आहोत त्या मार्गाने) मार्ग मिळविण्याचा मार्ग म्हणजे ब्लॉककोट.
तर आपण ल्यूस कॅरोलच्या "द जबरबॉकी" या उतारा यासारख्या दीर्घ उद्धरणांचे वर्णन करण्यासाठी ब्लॉककोट टॅग कसे वापरायचे ते पाहू या:
'ट्विस ब्रिलीग आणि स्लिथि टॉन्स
Wabe मध्ये gyre आणि gimble केले:
सर्व mimsy borogoves होते,
आणि मॉम रथ अवास्तव.
(लुईस कॅरोल द्वारे)
ब्लॉककोट टॅगचा वापर करण्याचे उदाहरण
ब्लॉककोट टॅग हे सिमेंटिक टॅग आहे जे ब्राउझर किंवा वापरकर्ता एजंटला सांगते की सामग्री एक लांब अवतरण आहे. म्हणूनच, आपण ब्लॉककोट टॅगमध्ये एखादा अवतरण नसावा असे जो मजकूर ठेवू नये. लक्षात ठेवा, एक "उद्धरण" ही नेहमीच वास्तविक शब्द आहेत जी कोणीतरी म्हटले आहे किंवा बाहेरील स्त्रोतांकडून मजकूर (या लेखातील लुईस कॅरोल मजकूरासारख्या), परंतु हे पुलकोट संकल्पना देखील असू शकते जे आम्ही पूर्वी संरक्षित केले होते.
जेव्हा आपण याबद्दल विचार करता तेव्हा, पुलक्वाट हे मजकूराचा अवतरण आहे, हे त्याच लेखातील असेच होते जे कोट स्वतःच दिसत असते.
बर्याच वेब ब्राऊझर ब्लॉककोटच्या दोन्ही बाजूंना काही जोडण्या (सुमारे 5 स्थाने) जो सभोवतालच्या मजकूरापासून दूर ठेवतात त्यास जोडतात. काही अत्यंत जुन्या ब्राउझर कदाचित तिरप्या भागात उद्धृत मजकूर सादर करू शकतात.
हे लक्षात ठेवा की ब्लॉककोट घटकाचे हे केवळ मुलभूत शैली आहे. CSS सह, आपल्या ब्लॉककोटवर प्रदर्शित कसे होईल यावर आपले पूर्ण नियंत्रण आहे. आपण इंडेंट वाढवू किंवा अगदी काढू शकता, पार्श्वभूमी रंग जोडू शकता किंवा मजकूर आकार वाढवू शकता पुढील कोट बाहेर कॉल करण्यासाठी. आपण पृष्ठाच्या एका बाजूला ती अवतरणे फ्लोट करू शकता आणि तिच्याभोवती इतर मजकूर ठेवू शकता, जे मुद्रित मासिकांमध्ये पुलकॉट्ससाठी वापरली जाणारी सामान्यतः दृश्य शैली आहे. आपल्याकडे CSS सह ब्लॉककोटच्या देखावावर नियंत्रण आहे, आम्ही थोड्याच वेळात चर्चा करणार आहोत. आत्तासाठी, आपल्या HTML मार्कअपमध्ये कोट कसे जोडावे ते पाहू या.
ब्लॉकक्ॉट टॅगला आपल्या मजकूरामध्ये जोडण्यासाठी, फक्त खालील टॅग जोड्यासह उद्धरण असलेले मजकूर घेर करा -
उदाहरणार्थ:
'ट्विस ब्रिलीग आणि स्लिथि टॉन्स
Wabe मध्ये gyre आणि gimble केले:
सर्व mimsy borogoves होते,
आणि मॉम रथ अवास्तव.
जसे की आपण पाहू शकता, आपण बोलीच्या सामग्रीच्या आसपास फक्त ब्लॉककोट टॅगची जोड जोडू शकता. या उदाहरणात, आम्ही काही ब्रेक टॅग देखील वापरले (
) जेथे एकाच ओळीत मजकूर जोडता येईल. याचे कारण असे की आपण एक कविता मजकूर पुन्हा तयार करीत आहोत, जेथे त्या विशिष्ट विश्रांती महत्वाच्या असतात. जर आपण आपले ग्राहक प्रशस्तिपत्र उद्धरण तयार करत असाल आणि विशिष्ट भागांमध्ये ओळी टाळण्याची आवश्यकता नसल्यास, आपण या ब्रेक टॅग्स जोडण्यास इच्छुक नसता आणि स्क्रीनच्या आकारावर आधारित ब्राउझरला स्वतःला ओघ आणि ब्रेक लावण्याची परवानगी देऊ नका.
ब्लॉकक्ॉटला इंडेंट टेक्स्टमध्ये वापरू नका
अनेक वर्षांपासून, लोकांनी त्यांचा वेबपृष्ठावर मजकूर इंडेंट करायचा असल्यास तो ब्लॉककोट टॅग वापरला, जरी तो मजकूर पुलचा भाग नसला तरी ही एक वाईट प्रथा आहे! आपण केवळ दृश्यमान कारणास्तव ब्लॉककोटचे शब्दांकन वापरू इच्छित नाही आपण आपला मजकूर इंडेंट करणे आवश्यक असल्यास, आपण शैली पत्रक वापरणे आवश्यक आहे, ब्लॉककोट टॅग नव्हे (अर्थातच, आपण इंडेंट करण्याचा प्रयत्न करत आहात ते एक कोट आहे!). आपण इंडेंट जोडण्यासाठी फक्त प्रयत्न करत असल्यास हा कोड आपल्या वेब पृष्ठात टाकण्याचा प्रयत्न करा:
हा इंडँट केलेला मजकूर असेल.
पुढे, आपण त्या सीएसएस शैलीसह लक्ष्यित होईल
.संपर्क {
पॅडिंग: 0 10px;
}
हे परिच्छेदाच्या दोन्ही बाजूला 10 पॅक्सल पॅडिंग जोडते.
जेनिफर क्रिनिन द्वारे मूळ लेख. 5/8/17 रोजी जेरेमी गिरर्ड द्वारा संपादित