डेवलपर टूल · HTML WYSIWYG एडिटर
<font> टैग से CSS तक: कैसे वेब फ़ॉर्मेटिंग मार्कअप से बाहर हो गई
· पेजभूमि
HTML CAसएस पाठ-सफाई
यह बताता है कि कैसे प्रेजेंटेशनल HTML जैसे फ़ॉन्ट, केंद्र और संरेखण विशेषताओं ने CSS को रास्ता दिया, और क्यों वह इतिहास एडिटर में आज की इनलाइन-शैली बहस की व्याख्या करता है।
पुराने पेजों में प्रस्तुतिकरण HTML - यहां कोई तारीख का दावा नहीं किया गया है
पुराने पेज के टुकड़े अक्सर फ़ॉन्ट और केंद्र जैसे तत्वों या बीजीकलर और एलाइन जैसी विशेषताओं के माध्यम से सीधे उपस्थिति व्यक्त करते हैं। कार्यपुस्तिका 1990 के दशक के मध्य का कालक्रम संलग्न करती है, लेकिन कोई भी भंडार स्रोत उन तिथियों की पुष्टि नहीं करता है। कार्यान्वयन केवल यह प्रदर्शित कर सकता है कि यह एडिटर आज ऐसे मार्कअप के साथ कैसा व्यवहार करता है।
ToolAcre फ़ॉन्ट या केंद्र की अनुमति नहीं देता है, और यह प्रस्तुति विशेषताओं को संरक्षित नहीं करता है। सामान्य असमर्थित रैपर्स को खोल दिया जाता है, ताकि फ़ॉर्मेटिंग निर्देश गायब हो जाने पर उनके दृश्यमान शब्द जीवित रह सकें। वह आउटपुट एक साफ़ ड्राफ्ट है, न कि किसी विरासत पेज की विश्वसनीय पुनर्स्थापना।
फ़ॉन्ट, केंद्र और बीजी रंग: टैग में प्रस्तुति - उपस्थिति के लिए ब्राउज़र द्वारा जोड़े गए तत्वों और विशेषताओं का वर्णन करता है
जब प्रस्तुति टैग और विशेषताओं में रहती है, तो सामग्री और डिज़ाइन को स्वतंत्र रूप से बदलना मुश्किल हो जाता है। लेखों में दोहराए गए रंग चयन को हर टुकड़े में संपादित किया जाना चाहिए, और एक केंद्रित शीर्षक का कोई अंतर्निहित संरचनात्मक अर्थ नहीं होता है। उन निर्माणों की प्रतिलिपि बनाने से अप्रचलित लेआउट से धारणाएँ भी आयात होती हैं।
सिमेंटिक मार्कअप शीर्षक, पैराग्राफ, सूची और उद्धरण जैसी भूमिकाओं को नाम देता है। गंतव्य स्टाइलशीट सभी घटनाओं को लगातार प्रस्तुत कर सकती है। ToolAcre उस छोटी शब्दावली का समर्थन करता है और वर्ग और शैली को भी हटा देता है, जिससे प्राप्तकर्ता प्रणाली अपनी प्रस्तुति परत के लिए जिम्मेदार हो जाती है।
CSS प्रस्तुति से संरचना को अलग करता है; मानक तिथियाँ भंडार साक्ष्य के बाहर हैं
CSS सामग्री वृक्ष से अलग चयनकर्ता और घोषणाएँ प्रदान करता है। वह वास्तुशिल्प प्रभाग प्रत्येक निकाय को दोबारा लिखे बिना एक डिज़ाइन परिवर्तन को कई दस्तावेज़ों को प्रभावित करने की अनुमति देता है। यह आलेख प्रथम-सिफारिश तिथि या मानक अनुक्रम का आविष्कार नहीं करता है क्योंकि ऐसे ऐतिहासिक दावों के लिए बाहरी विशिष्टताओं की आवश्यकता होती है।
व्यावहारिक नियम परीक्षण योग्य बना हुआ है: ToolAcre से कॉपी किए गए अंशों में कोई शैली विशेषताएँ या वर्ग नाम नहीं हैं। डाउनलोड किए गए पूर्ण दस्तावेज़ में ToolAcre की स्वयं की रैपर स्टाइलशीट शामिल है, लेकिन वह CSS कॉपी HTML द्वारा लौटाए गए स्वच्छ टुकड़े में सम्मिलित नहीं है।
जीवन-मानक कालक्रम के दावे के बिना, प्रस्तुतिकरण तत्व इस अनुमति सूची से बाहर हैं
कार्यपुस्तिका में जीवन स्तर से ह्रास और निष्कासन का वर्णन किया गया है। इस मॉड्यूल में कोई मानक संग्रह नहीं है, इसलिए लेख वर्तमान नीति पर रुकता है: प्रस्तुतिकरण तत्व असमर्थित हैं और उनकी जोखिम कैटेगरी के अनुसार या तो अलिखित हैं या हटा दिए गए हैं। यह मानक कालक्रम का दावा नहीं करता है।
निष्कासन रिपोर्ट उपयोगी साक्ष्य है. टेक्स्ट के चारों ओर एक फ़ॉन्ट टैग चिपकाएँ और ध्यान रखें कि जब तक शब्द बचे रहें, रैपर अस्वीकार कर दिया जाए। एक खतरनाक शैली कंटेनर चिपकाएँ और उसका पूरा भाग हटा दिया जाता है, क्योंकि कच्ची शैली सामग्री इस एडिटर के दायरे से परे अनुरोध और पार्सिंग सतहों का निर्माण कर सकती है।
इनलाइन शैलियाँ अन्यत्र मौजूद हैं लेकिन यह एडिटर उन्हें हटा देता है
इनलाइन शैली एक आधुनिक वाक्यविन्यास तंत्र है, लेकिन ToolAcre इसे पूरी तरह से अस्वीकार कर देता है। इसलिए यह एडिटर जीवित "समझौता" शैली विशेषता प्रदर्शित नहीं कर सकता है या अपने स्वयं के आउटपुट मोड में से किCAक की अनुशंसा नहीं कर सकता है। फ़िल्टर किए गए मुख्य भाग HTML के आसपास जेनरेट किए गए पूर्वावलोकन दस्तावेज़ में एकमात्र स्व-निहित स्टाइल दिखाई देता है।
अन्य संदर्भों, विशेषकर ईमेल उत्पादन के लिए इनलाइन घोषणाओं की आवश्यकता हो सकती है। उस आवश्यकता के लिए क्लाइंट परीक्षण और CSS नीति के साथ एक अलग पाइपलाइन की आवश्यकता होती है। यहां मनमानी शैली जोड़ने से मौजूदा अनुमति सूची का खंडन होगा और बिना सबूत या परीक्षण के सैनिटाइज़र की ज़िम्मेदारियों का विस्तार होगा।
व्यावहारिक उदाहरण: 1990 के दशक के स्निपेट का आधुनिकीकरण - फ़ॉन्ट-टैग मार्कअप को सिमेंटिक HTML प्लस क्लास के रूप में फिर से लिखता है और दोनों की तुलना करता है
वास्तविक शीर्षक और अनुच्छेद चुनकर `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>` को आधुनिक बनाएं। ToolAcre असमर्थित प्रस्तुति को खोलता है, b को मजबूत बनाता है, संरेखित हटाता है और p बनाए रखता है, लेकिन यह अनुमान नहीं लगाया जा सकता कि रखरखाव h2 होना चाहिए।
अर्थ को स्पष्ट रूप से `<h2>Maintenance</h2><p>Tonight</p>` के रूप में फिर से लिखें, फिर एडिटर के बाहर स्वीकृत गंतव्य कक्षाएं या स्टाइलशीट नियम जोड़ें। यदि किसी वाक्य के अंदर महत्व का इरादा है, तो मजबूत उपयुक्त हो सकता है; यदि बोल्ड केवल एक फ़ॉन्ट भार था, तो भ्रामक शब्दार्थ न रखें।
इसमें क्या शामिल नहीं है - CSS पद्धति संबंधी बहसें या रूपरेखा-विशिष्ट स्टाइल
यह आलेख CSS कार्यप्रणाली, रूपरेखा, उपयोगिता वर्ग या डिज़ाइन टोकन की तुलना नहीं करता है। यह फ़ॉन्ट, CSS या मानक बदलावों के लिए ऐतिहासिक तिथियों का दावा नहीं करता है। यह एक स्वचालित कन्वर्टर भी प्रदान नहीं करता है जो दृश्य विरासत मार्कअप से अर्थ संबंधी भूमिकाओं का अनुमान लगा सके।
फ़िल्टरिंग सार्वभौमिक XSS रोकथाम नहीं है। ToolAcre का हस्तलिखित टोकननाइज़र बाधित है और इसका पूर्वावलोकन अलग से सैंडबॉक्स किया गया है। विरासत या उपयोगकर्ता-जनित HTML को स्वीकार करने वाले सर्वर को एक बनाए रखा पार्सर-आधारित सैनिटाइज़र, माइग्रेशन परीक्षण और एक गंतव्य-विशिष्ट अनुमति सूची की आवश्यकता होती है।
टेकअवे: जानें कि नियम क्यों मौजूद है - इतिहास का सारांश देता है और ToolAcre के HTML WYSIWYG एडिटर में आउटपुट का निरीक्षण कैसे प्रस्तुति को आपके मार्कअप से दूर रखने में मदद करता है
जानें कि संरचना और प्रस्तुति अलग-अलग क्यों हैं: अर्थ को नया स्वरूप दिया जाना चाहिए, जबकि उपस्थिति को लगातार नियंत्रित किया जाना चाहिए। ToolAcre कॉपी किए गए अंशों से विरासती प्रस्तुति और आधुनिक इनलाइन या क्लास-आधारित स्टाइल दोनों को हटाकर उस सीमा को आक्रामक रूप से लागू करता है।
क्या खो गया था इसकी पहचान करने के लिए स्रोत दृश्य का उपयोग करें, फिर मैन्युअल रूप से शब्दार्थ को पुनर्स्थापित करें और गंतव्य पर स्टाइल करें। यह प्रक्रिया पुराने स्वरूप को संरक्षित नहीं कर सकती है, लेकिन यह ऐसी सामग्री तैयार करती है जिसे हर भविष्य की थीम में अप्रचलित निर्णयों को शामिल किए बिना समीक्षा करना, स्थानांतरित करना और अनुकूलित करना आसान होता है।