नवंबर में वेब प्लैटफ़ॉर्म पर नया है

कुछ ऐसी दिलचस्प सुविधाओं के बारे में जानें जो नवंबर 2023 में, स्टेबल और बीटा वर्शन वाले वेब ब्राउज़र पर मिली हैं.

Rachel Andrew

स्थायी ब्राउज़र रिलीज़

नवंबर 2023 में, Firefox 120 के साथ सिर्फ़ एक स्टेबल ब्राउज़र रिलीज़ हुआ था. इस पोस्ट में बताया गया है कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

<source> एलिमेंट में media एट्रिब्यूट के लिए सहायता

Firefox फिर से <source> एलिमेंट में media एट्रिब्यूट का इस्तेमाल करने की सुविधा देता है. <audio> और <video> एलिमेंट को शामिल करने के लिए, सहायता उपलब्ध कराई गई है. इस रिलीज़ के बाद, मीडिया एट्रिब्यूट <audio>, <video>, और <picture> में <source> एलिमेंट में उपलब्ध होगा.

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

CSS कलर light-dark() फ़ंक्शन

Firefox अब light-dark() CSS Color फ़ंक्शन का समर्थन करता है. इसका मतलब है कि prefers-color-scheme मीडिया की सुविधा का इस्तेमाल किए बिना, हल्के और गहरे रंग वाली स्कीम के लिए रंग सेट किए जा सकते हैं.

lh और rlh यूनिट

Firefox में सीएसएस इकाइयों lh और rlh का इस्तेमाल किया जा सकता है. इन यूनिट की मदद से किसी एलिमेंट की लाइन की ऊंचाई के हिसाब से वैल्यू सेट की जा सकती हैं. ऐसा तब किया जा सकता है, जब बैकग्राउंड की इमेज को टेक्स्ट के साथ अलाइन किया जा सकता है. इस रिलीज़ की वजह से, तीनों मुख्य इंजन के लिए इन स्टंट को एक-दूसरे के साथ काम किया जा सकता है.

एचटीटीपी 103 शुरुआती हिंट

Firefox में अब 103 Early ब्रैंड एचटीटीपी जानकारी के रिस्पॉन्स स्टेटस कोड काम करता है.

बीटा ब्राउज़र की रिलीज़

ब्राउज़र के बीटा वर्शन में आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. यह नई सुविधाओं या हटाए गए कॉन्टेंट को टेस्ट करने का अच्छा समय है. इससे दुनिया में आपकी साइट के रिलीज़ होने से पहले ही आपकी साइट पर इसका असर पड़ सकता है. इसके नए बीटा वर्शन हैं:Firefox 121, Chrome 120, और Safari 17.2. इन रिलीज़ के साथ-साथ, प्लैटफ़ॉर्म को कई बेहतरीन सुविधाएं भी मिलती हैं. पूरी जानकारी के लिए प्रॉडक्ट की जानकारी देखें. यहां कुछ हाइलाइट दिए गए हैं.

Chrome 120 और Safari 17.2 में CSS Nesting के लिए रिलैक्स्ड पार्सिंग शामिल है.

Chrome 120, -webkit-mask* प्रॉपर्टी के प्रीफ़िक्स को हटा देता है और उन्हें मौजूदा निर्देशों के मुताबिक बना देता है. इसमें mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, और mask-composite के साथ ही mask शॉर्टहैंड भी शामिल हैं. लोकल mask-image रेफ़रंस काम करते हैं. क्रम अब किसी स्पेसिफ़िकेशन के मुताबिक है. इसके अलावा, अब मान्य वैल्यू दी गई हैं.

Chrome 120 और Safari 17.2 में, <details> एलिमेंट के लिए name एट्रिब्यूट काम करता है.

Firefox 121 में सीएसएस :has() सिलेक्टर शामिल है. इस रिलीज़ की वजह से, :has() को सभी मुख्य इंजन के लिए इंटरऑपरेबल कर दिया गया है.

यह वेब सीरीज़ में नई सुविधा का हिस्सा है