डेवलपर टूल · HTML WYSIWYG एडिटर
मजबूत बनाम बी और ईएम बनाम आई: सिमेंटिक इनलाइन HTML एडिटर के लिए क्यों मायने रखती है
· यह क्यों मायने रखती है
HTML अभिगम्यता संतोषप्रद
सिमेंटिक और प्रेजेंटेशनल इनलाइन तत्वों के बीच व्यावहारिक अंतर बताता है, सहायक तकनीक और खोज इंजन उनके साथ क्या करते हैं, और यह कैसे जांचें कि आपका एडिटर क्या उत्सर्जित करता है।
बोल्ड का हमेशा महत्व नहीं होता - प्रकट होने से पहले अर्थ चुनें
कोई उत्पाद कोड केवल इसलिए बोल्ड हो सकता है ताकि पाठक उसे तुरंत ढूंढ सकें; एक चेतावनी सशक्त हो सकती है क्योंकि इसका महत्व वाक्य के अर्थ से संबंधित है। डिफ़ॉल्ट स्टाइलशीट में वे दो इरादे एक जैसे दिख सकते हैं। केवल उपस्थिति से चयन करने से मार्कअप अस्पष्ट हो जाता है जब CSS बदलता है या कोई अन्य पाठक संरचना का उपभोग करता है।
ToolAcre का टूलबार अपने कार्यों को बोल्ड और इटैलिक लेबल करता है, जबकि सैनिटाइज़र लीगेसी बी और आई तत्वों को मजबूत और ईएम में सामान्य करता है। ज़ोरदार गद्य के लिए यह एक उपयोगी डिफ़ॉल्ट है, लेकिन एक एडिटर को अभी भी यह तय करना होगा कि चयनित शब्द वास्तव में सजावट के बजाय महत्व या तनाव रखते हैं या नहीं।
HTML विनिर्देश आज क्या कहता है - मजबूत, एम, बी और आई के वर्तमान अर्थ का सारांश देता है
मजबूत मजबूत महत्व, गंभीरता या तात्कालिकता का प्रतिनिधित्व करता है; एम तनाव बल का प्रतिनिधित्व करता है जिसका स्थान व्याख्या को प्रभावित कर सकता है। बी तत्व महत्व जोड़े बिना ध्यान आकर्षित कर सकता है, जबकि मैं आसपास के गद्य से टेक्स्ट ऑफसेट को चिह्नित कर सकता हूं, जैसे कि कोई शब्द, आवाज या सम्मेलन, बिना जोर दिए।
व्यावहारिक सबक यह नहीं है कि दो टैग वर्जित हैं। यह है कि दृश्य समानता अर्थ संबंधी मतभेदों को नहीं मिटाती है। ToolAcre का संकीर्ण आउटपुट मजबूत और उन्हें चुनता है, इसलिए केवल शैलीगत ऑफसेट की आवश्यकता वाली सामग्री को आविष्कृत टूलबार क्षमता के बजाय समीक्षा या एक अलग गंतव्य वर्कफ़्लो की आवश्यकता हो सकती है।
सहायक तकनीक शब्दार्थ को अलग ढंग से उजागर कर सकती है; यह भंडार कोई घोषणा साबित नहीं करता है
सहायक प्रौद्योगिकियाँ तत्व शब्दार्थ का उपयोग कर सकती हैं, लेकिन सटीक मौखिक उपचार उत्पाद, मोड और उपयोगकर्ता कॉन्फ़िगरेशन के अनुसार भिन्न होता है। रिपॉजिटरी में कोई स्क्रीन-रीडर संगतता सूट नहीं है, इसलिए यह आलेख यह वादा नहीं करता है कि मजबूत हमेशा एक विशेष आवाज के साथ घोषित किया जाएगा या बी हमेशा चुप रहेगा।
संरचना अभी भी मायने रखती है क्योंकि यह सॉफ़्टवेयर जानकारी देती है जिसमें स्टाइल स्पैन का अभाव होता है। अपनी समर्थन नीति में सहायक प्रौद्योगिकियों के साथ प्रतिनिधि पेजों का परीक्षण करें। एक अर्थपूर्ण तत्व सार्थक व्याख्या के लिए अवसर पैदा करता है; यह हर वातावरण में एक सार्वभौमिक श्रव्य प्रभाव की गारंटी नहीं देता है।
खोज प्रभाव इस एडिटर के साक्ष्य से बाहर हैं; शब्दार्थ अभी भी दस्तावेज़ संरचना में सुधार करता है
खोज इंजन दस्तावेज़ संरचना को पार्स कर सकते हैं, फिर भी कोई भी स्थानीय स्रोत मजबूत के लिए बी स्वैपिंग से रैंकिंग परिवर्तन साबित नहीं करता है। सिमेंटिक HTML को SEO फ़ॉर्मूले में बदलने से बचें. खोज दृश्यता सामग्री, लिंक, तकनीकी पहुंच और इस एडिटर के बाहर कई प्रणालियों पर निर्भर करती है।
शब्दार्थ का उपयोग करने का रक्षात्मक कारण स्पष्टता और अंतरसंचालनीयता है। लेखक, ब्राउज़र और डाउनस्ट्रीम ट्रांसफ़ॉर्म स्टाइल घोषणा को रिवर्स-इंजीनियरिंग किए बिना इच्छित महत्व या जोर की पहचान कर सकते हैं। किसी भी खोज परिणाम का वर्णन केवल संबंधित प्लेटफ़ॉर्म के साक्ष्य के साथ किया जाना चाहिए, स्थानीय फ़ॉर्मेटिंग बटन से अनुमान नहीं लगाया जाना चाहिए।
सूचियाँ जो वास्तव में सूचियाँ हैं - तर्क को <ul> और <ol> बनाम डैश और मैन्युअल नंबरिंग तक विस्तारित करती हैं
यही सिद्धांत सूचियों पर भी लागू होता है। हाइफ़न से शुरू होने वाली तीन पंक्तियाँ सामान्य पाठ हैं, जबकि उल और ली समकक्ष वस्तुओं के संग्रह का प्रतिनिधित्व करते हैं। पैराग्राफ से पहले टाइप किए गए संख्या वर्ण ol के समतुल्य नहीं हैं, जिनका अनुक्रम और वैकल्पिक प्रारंभ मान संरचना का हिस्सा हैं।
ToolAcre बुलेटेड और क्रमांकित सूची कमांड को उजागर करता है और इसके फ़िल्टर के माध्यम से ul, ol और li को अनुमति देता है। ब्राउज़र कमांड व्यवहार भिन्न हो सकता है, विशेष रूप से नेस्टिंग के लिए, इसलिए सूची बनाने के बाद स्रोत का निरीक्षण करें। सही सूची शब्दार्थ गुम लेबल, भ्रमित करने वाले क्रम या गंतव्य में असमर्थित गहराई का बहाना नहीं बनाता है।
कार्यान्वित उदाहरण: ToolAcre फ़िल्टरिंग के दौरान b को मजबूत और i को em में मैप करता है
"स्कीमा बदलने से पहले परिनियोजन रोकें" टाइप करें, "परिनियोजन रोकें" चुनें और बोल्ड दबाएँ। ब्राउज़र कमांड प्रारंभ में बी बना सकता है, लेकिन सैनिटाइज़र का उपनाम मानचित्र मजबूत उत्सर्जित करता है। इटैलिक i से em तक समान पैटर्न का अनुसरण करता है। स्रोत मोड सामान्यीकृत परिणाम प्रकट करता है।
अब ऐसा उत्पाद लेबल चुनें जो केवल दृश्य रूप से हाइलाइट किया गया हो। ToolAcre में कोई बी-ओनली या क्लास-आधारित ध्यान नियंत्रण नहीं है, और मार्क को टूलबार दावे के बजाय केवल प्रत्यक्ष स्रोत संपादन के माध्यम से अनुमति दी जाती है। निर्णय लें कि क्या सशक्त सटीक है; यदि नहीं, तो इस प्रतिबंधित वर्कफ़्लो के बाहर गंतव्य-विशिष्ट स्टाइल का उपयोग करें।
इसमें क्या शामिल नहीं है - ARIA विशेषताएं, पूर्ण पहुंच ऑडिट या शीर्षक संरचना, जिसे अलग से कवर किया गया है
यह आलेख ARIA, संपूर्ण पहुंच-योग्यता ऑडिटिंग, शीर्षक पदानुक्रम या सटीक खोज-इंजन व्यवहार को कवर नहीं करता है। यह यह भी दावा नहीं करता है कि प्रत्येक अनुमत सूचीबद्ध इनलाइन तत्व में टूलबार नियंत्रण होता है। स्रोत मोड वैध होने पर यू, एस, सब, सुपर, मार्क, स्मॉल, कोड, केबीडी, सैम्प, वेर और एबीबीआर को बनाए रख सकता है, लेकिन विज़ुअल कमांड कम विकल्पों को उजागर करते हैं।
सिमेंटिक टैग को फ़िल्टर करने से मनमाने ढंग से शत्रुतापूर्ण HTML को प्रकाशन के लिए सुरक्षित नहीं किया जाता है। ToolAcre के टोकननाइज़र में एक स्पष्ट पार्सर-अंतर सीमा है। अविश्वसनीय सबमिशन प्रस्तुत करने वाले सर्वर को एक उपयुक्त पार्सर-आधारित सैनिटाइज़र और नीति की आवश्यकता होती है, जबकि एक्सेसिबिलिटी समीक्षा को केवल इस पृथक पूर्वावलोकन के बजाय अंतिम गंतव्य की जांच करनी चाहिए।
टेकअवे: अर्थ के लिए प्रारूप, फिर जांचें - आदत का सारांश देता है और कैसे ToolAcre का HTML WYSIWYG एडिटर उत्पादित सटीक तत्वों को उजागर करता है
अर्थ के लिए प्रारूप, फिर निरीक्षण करें। स्ट्रॉन्ग और एम तब मूल्यवान होते हैं जब गद्य में वास्तव में महत्व और तनाव होता है; वे प्रत्येक बोल्ड या इटैलिक दृश्य के लिए सार्वभौमिक विकल्प नहीं हैं। ToolAcre प्रत्येक क्रिया के बाद फ़िल्टर किए गए HTML को उजागर करके अपनी पसंद को दृश्यमान बनाता है।
प्रारूपण के लिए दृश्य नियंत्रण, सत्यापन के लिए स्रोत मोड और उपस्थिति के लिए गंतव्य CSS का उपयोग करें। जब वांछित प्रस्तुति में कोई सटीक अर्थ तत्व नहीं है, तो केवल इसलिए भ्रामक टैग न लगाएं क्योंकि यह डिज़ाइन जैसा दिखता है। लेखक के इरादे को उसका प्रतिनिधित्व करने में सक्षम प्रणाली में सुरक्षित रखें।