मैंने इसे यहां और वहां बहुत कुछ देखा है, फिर भी मुझे इसके बारे में कोई विवरण या दस्तावेज मिल सकता है!एचटीएमएल "है" विशेषता क्या है?
<paper-input-decorator label="Your Name">
<input is="core-input">
</paper-input-decorator>
मैंने इसे यहां और वहां बहुत कुछ देखा है, फिर भी मुझे इसके बारे में कोई विवरण या दस्तावेज मिल सकता है!एचटीएमएल "है" विशेषता क्या है?
<paper-input-decorator label="Your Name">
<input is="core-input">
</paper-input-decorator>
2017 में:
HTML में कोई is
विशेषता नहीं है।
यह एक प्रस्तावित विस्तार है जो Custom Elements specification (जो नीचे वर्णित पॉलिमर स्पेक से विकसित हुआ) में दिखाई देता है।
यह आपको यह कहने की अनुमति देता है कि मौजूदा, मानक तत्व वास्तव में एक कस्टम तत्व है।
<button is="fancy-button" disabled>Fancy button!</button>
... जो पिछड़ा संगतता की अनुमति देता है। यदि कस्टम तत्व ब्राउज़र द्वारा समर्थित नहीं हैं (spec अभी भी ड्राफ्ट है और very limited browser support है) तो यह डिफ़ॉल्ट व्यवहार पर वापस आ जाएगा।
2014 में:
यह HTML नहीं है। यह Polymer custom elements के लिए एक विस्तार-विशेषता है।
यदि आप का इस्तेमाल किया पॉलिमर तत्व यह है कि एक मौजूदा डोम तत्व (HTMLElement के अलावा कुछ) से निकला है बनाने के लिए फैली हुई है,
is
वाक्य रचना
यह Web Components' कस्टम के लिए W3C ड्राफ्ट कल्पना का हिस्सा है का उपयोग तत्वों।
नवीनतम कार्यकारी ड्राफ्ट: http://www.w3.org/TR/custom-elements/#type-extension-semantics
नवीनतम संपादक का ड्राफ्ट: http://w3c.github.io/webcomponents/spec/custom/#type-extension-example
यह कस्टम तत्वों के लिए web components कल्पना का हिस्सा है। तो यह एचटीएमएल है।
फ्रेमवर्क जैसे Vue.js वेब घटकों मानक के अनुपालन में is
योगदान का भी समर्थन करता है।
is
कीवर्ड कस्टम व्यवहार के साथ कस्टम HTML तत्व बनाने के लिए डब्ल्यू 3 सी ड्राफ्ट स्पेक का हिस्सा है।
विशिष्ट में, is
जब <input>
, <button>
या <table>
की तरह एक अंतर्निहित तत्व का विस्तार किया जाता है। उदाहरण के लिए, आपके पास plastic-button
तत्व हो सकता है जो क्लिक किए जाने पर कुछ फैंसी एनीमेशन प्रदान करने के लिए <button>
बढ़ाता है।
आप इस तरह पेज के लिए बटन जोड़ेंगे:
customElements.define("plastic-button", PlasticButton, { extends: "button" });
इस संदर्भ:
<button is="plastic-button">Click Me!</button>
इससे पहले कि आप ऐसा करते हैं, तो आप इस तरह एक कस्टम HTML तत्व के रूप में plastic-button
रजिस्टर करने की आवश्यकता एक PlasticButton
जावास्क्रिप्ट क्लास, जो इस तरह कुछ दिखता है:
class PlasticButton extends HTMLButtonElement {
constructor() {
super();
this.addEventListener("click",() => {
// Draw some fancy animation effects!
});
}
}
यदि आप <button is="plastic-button">Click Me!</button>
के बजाय <plastic-button>Click Me!</plastic-button>
कह सकते हैं तो यह बहुत अच्छा होगा, लेकिन इससे कोई विशेष व्यवहार नहीं होने पर HTMLElement बन जाएगा।
आप <button>
की तरह एक अंतर्निहित HTML तत्व का विस्तार नहीं कर रहे हैं और इसके बजाय एक नए तत्व है कि जेनेरिक HTMLElement फैली बनाते समय, आप <plastic-button>
सिंटैक्स का उपयोग कर सकते हैं। लेकिन आपको <button>
के व्यवहार में से कोई भी नहीं मिलेगा।
इस वेब घटकों 'कस्टम तत्वों के लिए W3C ड्राफ्ट कल्पना का हिस्सा है