आपण आपल्या वेब डिझाईन शिक्षणात लवकर शिकू इच्छित असलेले एक टॅग म्हणजे टॅगच्या जोडीला "जोर टॅग्ज" असे म्हटले जाते. हे टॅग्ज काय आहेत आणि आज वेब डिझाइनमध्ये त्यांचा कसा वापर केला जातो हे पाहू.
XHTML कडे परत
आपण HTML वर्षांपूर्वी शिकलात तर, HTML5 च्या उदय होण्याआधी, आपण कदाचित दोन्ही ठळक आणि तिर्यक टॅग्ज दोन्ही वापरले. आपण अपेक्षा करत असताना, हे टॅग अनुक्रमे ठळक अक्षरे किंवा तिर्यक स्वरुपात पाठवले जातील. या टॅग्जची समस्या आणि ते नवीन घटकांच्या बाजूने (जे आम्ही लवकरच बघितले) बाजूला ढकलले होते, ते म्हणजे अर्थ तत्व नसतात. याचे कारण असे की ते मजकूर बद्दल माहितीपेक्षा मजकूर कसा दिसला पाहिजे हे परिभाषित करतात. लक्षात ठेवा, एचटीएमएल (जिथे हे टॅग्ज लिहीले जाईल) सर्वच संरचना आहे, व्हिज्युअल शैली नव्हे! दृश्ये CSS आणि वेब डिझाईनद्वारे हाताळली जातात. सर्वोत्तम पद्धतींनी बर्याच काळापासून आपल्या वेब पृष्ठांमध्ये आपल्याला शैली आणि संरचना एक वेगळा वेगळा असावा. याचा अर्थ नॉन सिमेंटिक आणि संरचनापेक्षा कोणत्या तपशीलाने पहाता ते घटक वापरणे नाही. म्हणूनच बोल्ड आणि इटॅलिक्स टॅग्ज साधारणपणे मजबूत (बोल्डसाठी) आणि भर (तिर्यकांसाठी) ने बदलले आहेत.
& lt; मजबूत & gt; आणि & lt; em & gt;
मजबूत आणि जोर घटक आपल्या मजकूरामध्ये माहिती समाविष्ट करतात, सामग्रीचे तपशीलवार वर्णन करतात आणि त्या सामग्रीबद्दल बोलले जाते तेव्हा त्यावर जोर दिला जातो. आपण भूतकाळात ठळक आणि इटॅलिक्स वापरत असत त्याप्रमाणेच या घटकांचा वापर करतात. जोरदार उद्दीष्ट आणि बंद होणारे टॅग ( आणि जोर देण्याकरिता आणि आणि जोरदार जोर देण्यासाठी) आपल्या मजकूरास सोपी आणि संलग्न मजकूर वर जोर दिला जाईल.
आपण या टॅगमध्ये बसू शकता आणि बाह्य टॅग असला तरी काही फरक पडत नाही. येथे काही उदाहरणे आहेत.
या मजकूरावर भर देण्यात आला आहे आणि बहुतेक ब्राउझर ते इटालिक म्हणून प्रदर्शित करतील या मजकुरावर जोरदार जोर देण्यात आला आहे आणि बहुतेक ब्राऊजर ते त्याला बोल्ड प्रकार म्हणून दाखवतात.या दोन्ही उदाहरणांमध्ये, आम्ही HTML सह दृश्यमान दृश्य ठरविणार नाही. होय, टॅगचा डिफॉल्ट देखावा तिर्यक असेल आणि ठळक होईल, परंतु त्या रूपे सहजपणे सीएसएस मध्ये बदलता येतील. हे दोन्ही जगातील सर्वोत्तम आहे प्रत्यक्षात रेष ओलांडता आणि संरचना आणि शैलीचे मिश्रण न करता आपल्या दस्तऐवजात तिर्यक किंवा ठळक मजकूर मिळविण्यासाठी आपण डीफॉल्ट ब्राउझर शैलीचा फायदा घेऊ शकता. म्हणा की आपण मजकुरास केवळ ठळकपणे न येता, परंतु लाल रंगाने देखील बनवू इच्छित आहात, आपण हे सीएसएसमध्ये जोडू शकता
मजबूत {
रंग: लाल;
}
या उदाहरणामध्ये, ठळक फॉन्ट-वेटसाठी आपल्याला मूळ गुणधर्म जोडण्याची आवश्यकता नाही कारण हे डीफॉल्ट आहे. आपण संधी सोडू इच्छित नसल्यास, तथापि, आपण नेहमी त्यात समाविष्ट करू शकता:
मजबूत {
फॉन्ट-वजन: ठळक;
रंग: लाल;
}
टॅग वापरला जातो तेथे, आपण सर्व परंतु बेशिस्त (आणि लाल) मजकूरासह एखादे पृष्ठ ठेवण्याची हमी देता.
जोर वर डबल करा
वर्षभरात मी एक गोष्ट लक्षात ठेवली आहे की आपण भर देण्यास दुप्पट प्रयत्न केला तर काय होते? उदाहरणार्थ:
या मजकुरात हे दोन्ही बोल्ड आणि इटॅलिसिकृत मजकूर असणे आवश्यक आहे.आपण असे विचार कराल की ही रेषा एक क्षेत्र तयार करेल ज्यामध्ये ठळक आणि तिरपसणारी मजकूर असेल. कधीकधी ही खरंच घडत असते, परंतु मी पाहिले आहे की काही ब्राऊझर्स फक्त दोन महत्त्वपूर्ण शैलीतील दुसऱ्याचा सन्मान देतात, प्रश्नातील वास्तविक मजकूराच्या सर्वात जवळचा एक आणि फक्त तिर्यक म्हणून हे प्रदर्शित करतात. मी जोर टॅग वर दुप्पट नाही का हा एक कारण आहे.
"डबलिंग अप" टाळण्याचा आणखी एक कारण म्हणजे शैलीत्मक हेतूंसाठी आपण सेट करू इच्छित टोन व्यक्त करण्यासाठी सहसा पुरेशी असल्यास एक जोर आपण ठळक, तिरके रंग, रंग, आकार वाढविण्यासाठी आणि त्यास उभे राहण्यासाठी मजकूर अधोरेखित करण्याची आवश्यकता नाही. हा मजकूर, त्या सर्व वेगवेगळ्या प्रकारचे भरमसाट भोगायला लागतील. त्यामुळे भर देण्यासाठी जोर टॅग्ज किंवा सीएसएस शैली वापरताना काळजी घ्या आणि तो जास्त प्रमाणावर देत नाही.
ठळक आणि इटलीक वर एक टीप
एक अंतिम विचार - जरी बोल्ड () आणि इटॅलिक्स () टॅग्जमध्ये जोर घटक म्हणून वापरण्याची शिफारस केली जात नाही, तर काही वेब डिझाइनर हे टॅग्ज टेक्स्टची इनलाइन भागात शैली वापरतात. मूलभूतपणे, ते घटकाच्या रूपात ते वापरतात हे चांगले आहे कारण टॅग खूप लहान आहेत, परंतु या घटकांचा या पद्धतीने वापर करणे सामान्यतः शिफारस केलेले नाही. जर आपण काही साइट्सवर ठळक किंवा तिर्यक मजकूर तयार न करण्यासाठी वापरले जात असाल तर मी काही वेगळ्या प्रकारचे व्हिज्युअल स्टिकिंगसाठी सीएसयू हुक तयार करण्याच्या संदर्भात वापरतो.
जेनिफर क्रिनिन द्वारे मूळ लेख. 12/2/16 रोजी जेरेमी गिरर्ड द्वारा संपादित.