क्या HTML5 में अपना खुद का html टैग बनाने का कोई तरीका है?

Question

मैं कुछ ऐसा बनाना चाहता हूं

<menu>
    <lunch>
        <dish>aaa</dish>
        <dish>bbb</dish>
    </lunch>
    <dinner>
        <dish>ccc</dish>
    </dinner>
</menu>

यह HTML5 में किया जा सकता है? मुझे पता है कि मैं इसके साथ कर सकता हूं

<ul id="menu">
    <li>
        <ul id="lunch">
            <li class="dish">aaa</li>
            <li class="dish">bbb</li>
        </ul>
    </li>
    <li>
        <ul id="dinner">
            <li class="dish">ccc</li>
        </ul>
    </li>    
</ul>

लेकिन यह इतना कम पठनीय है :(

Comments

तुम क्या करने की कोशिश कर रहे हो? क्या आप के बाद शायद सिर्फ द्वारा हल किया जा सकता है कर रहे हैं divरों classnames साथ

— geowa4

आप XML + XSLT को देखने के लिए भी देख सकते हैं कि क्या यह आपकी ज़रूरत के हिसाब से बेहतर है। यह आपको एक्सएमएल दस्तावेज़ (आपका) को एक एक्सएमएल दस्तावेज़ (आपका) दूसरे (html) में बदलने की अनुमति देता है

— माइकल हरेन

वाह मैंने इसे बहुत पहले पोस्ट किया था:) यह देखते हुए कि टैग नाम से हथियाने की तुलना में कितनी अच्छी तरह से getElementById () प्रदर्शन करता है, और कैसे एसवीजी जैसी चीजें अपने शब्दार्थ के साथ कार्यक्षमता का एक नया सेट प्रदान करती हैं, मुझे लगता है कि कस्टम टैग मैं की तुलना में कम उपयोग करता है मूल रूप से सोचा हो सकता है। सभी विचारशील टिप्पणियों और उत्तरों के लिए सभी को धन्यवाद!

— कोस्टा

कस्टम एलिमेंट्स HTML5 के

— zzzzBov

इसके अलावा HTML5 में अपने खुद के टैग बनाने का एक तरीका है?

— जॉन वू

Answer 1

आप ब्राउज़रों में कस्टम टैग का उपयोग कर सकते हैं, हालांकि वे HTML5 नहीं होंगे (देखें कि कस्टम तत्व मान्य HTML5 और HTML5 कल्पना हैं )।

मान लेते हैं कि आप कस्टम टैग तत्व का उपयोग करना चाहते हैं जिसे कहा जाता है <stack>। यहां जानिए आपको क्या करना चाहिए ...

चरण 1

अपने सीएसएस स्टाइलशीट में इसकी विशेषताओं को सामान्य करें (सीएसएस रीसेट सोचें) - उदाहरण:

 stack{display:block;margin:0;padding:0;border:0; ... }

चरण 2

इंटरनेट एक्सप्लोरर के पुराने संस्करणों में काम करने के लिए, आपको इस स्क्रिप्ट को सिर पर संलग्न करना होगा (महत्वपूर्ण यदि आपको IE के पुराने संस्करणों में काम करने की आवश्यकता है!)।

 <!--[if lt IE 9]> 
 <script> document.createElement("stack"); </script>
 <![endif]-->

---

फिर आप अपने कस्टम टैग का खुलकर उपयोग कर सकते हैं।

<stack>Overflow</stack>

विशेषताओं को सेट करने के लिए स्वतंत्र महसूस करें ...

<stack id="st2" class="nice"> hello </stack>

Comments

बिलकुल सही। शानदार आइडिया नहीं। लेकिन बिल्कुल सही है। आप अपने पेज पर अपने स्वयं के टैग की पूरी सेना बना सकते हैं, और उन्हें IE6 के साथ सभी पीछे-संगत कर सकते हैं, बस उन सभी टैग नामों की एक सरणी जोड़कर जिन्हें आप उपयोग करना चाहते हैं, और फिर प्रत्येक के लिए एक-लूप के अंदर बना रहे हैं आपके पृष्ठ शीर्ष में, उनमें से किसी का उपयोग शुरू करने से पहले। इस तरह html5shim पहले स्थान पर काम करता है। बस उन्हें पुराने-IE में स्टाइल करने के लिए प्रयास करने के लिए तैयार रहें। इसके अलावा, जबकि मैं कहूंगा कि यह आंतरिक उपयोग के लिए ठीक है, यह वास्तव में नहीं है कि मैं लोगों को चीजें करने के लिए कैसे सिखाना चाहता हूं। बिल्कुल भी।

— नोरगार्ड

मैं सहमत हूं, अपने स्वयं के टैग लिखना दिल के बेहोश के लिए नहीं है। सुनिश्चित करें कि आप इसे अच्छी तरह से परखेंगे। मैं हालांकि एक बात कहना चाहूंगा ... IE6 के लिए CSS न लिखें। पूरी तरह से संसाधनों की बर्बादी और इस तरह के एक भयानक उत्पाद का उपयोग करने में सक्षम बनाता है जो कि माइक्रोसॉफ्ट का समर्थन भी नहीं करता है।

— टिमोथी पेरेज

@alexwells - क्रोम, एफएफ, सफारी, IE 7-9

— टिमोथी पेरेज़

बहुत महत्वपूर्ण नोट: हालांकि ब्राउज़र एक कस्टम तत्व बनाने का समर्थन करते हैं, यह आधिकारिक तौर पर HTML5 मानक द्वारा समर्थित नहीं है। तकनीकी रूप से , कस्टम तत्व वर्बोटेन हैं। आप इसे कर सकते हैं, और अपने HTML को सभी अच्छे और अर्थपूर्ण रूप से महत्वपूर्ण बना सकते हैं, लेकिन यदि आप करते हैं तो आप मानक तोड़ रहे हैं। :)

— Randolpho

कभी-कभी ... नए मानकों को सेट करने की आवश्यकता होती है। ;-)

— टिमोथी पेरेज़

Answer 2

मैं इन उत्तरों के बारे में निश्चित नहीं हूं। जैसा कि मैंने अभी पढ़ा है: "CUSTOM TAGS ने हमेशा HTML में काम किया है।"

http://www.crockford.com/html/

यहाँ बताया जा रहा है, कि HTML SGML पर आधारित था। अपने सिद्धांतों और स्कीमाओं के साथ एक्सएमएल के विपरीत, यदि कोई ब्राउज़र टैग या दो नहीं जानता है तो HTML अमान्य नहीं होता है। <मार्की> के बारे में सोचो। यह आधिकारिक मानक में नहीं है। इसलिए इसका उपयोग करते समय आपके HTML पृष्ठ को "आधिकारिक रूप से अप्राप्त" बना दिया गया, इसने पृष्ठ को भी नहीं तोड़ा।

फिर <keygen> है, जो कि नेटस्केप-विशिष्ट था, HTML4 में भूल गया और इसे फिर से खोजा गया और अब HTML5 में निर्दिष्ट किया गया है। और अब हमारे पास कस्टम टैग विशेषताएँ भी हैं, जैसे डेटा- XyZzz = "..." सभी HTML5 टैग पर अनुमति है।

इसलिए, जब आपको अपने स्वयं के पूरे कस्टम अनिर्दिष्ट मार्कअप सलाद का आविष्कार नहीं करना चाहिए, तो HTML में कस्टम टैग्स का होना बिल्कुल मना नहीं है। हालाँकि, जब तक आप इसे + xml सामग्री-प्रकार के साथ नहीं भेजना चाहते या अन्य XML नामस्थान जैसे SVG या MathML को एम्बेड नहीं कर सकते। यह केवल SGML- सीमित HTML पर लागू होता है।

Comments

यहां भी रुचि: librador.com/2009/10/20/Styling-undefined-tag-names-in-HTML "आप HTML में किसी भी टैग नाम का उपयोग कर सकते हैं, और यह DOM का हिस्सा होगा और इसे स्टाइल किया जा सकता है।"

— मारियो

"तो इसका उपयोग करते समय आपके html पृष्ठ को" आधिकारिक अप्रकाशित "बना दिया गया, यह पृष्ठ को तोड़ नहीं पाया।" - ओम, इंटरनेट एक्सप्लोरर में अपने आविष्कृत तत्वों को स्टाइल करने का प्रयास करें। यह काम नहीं करेगा। आप उस टूटे हुए पर विचार नहीं कर सकते हैं, लेकिन यह तथ्य कि कस्टम टैग अमान्य हैं और इंटरनेट एक्सप्लोरर में काम नहीं करते हैं, मैं नहीं देखता कि आप कैसे तर्क दे सकते हैं कि उन्हें "अनुमति" है।

— पॉल डी। वेट

मेरा मतलब है, वह किसी भी चीज के साथ अपने बयान का समर्थन नहीं करता है। सिर्फ इसलिए कि डगलस क्रॉकफोर्ड ने कहा, इसका मतलब यह नहीं है कि यह सच है।

— पॉल डी। वेट

यह वही है जो चश्मा कहता है: "यह विनिर्देश परिभाषित नहीं करता है कि उपयोगकर्ता एजेंटों को कैसे अनुरूपित करते हैं ... तत्व ... इस दस्तावेज़ में निर्दिष्ट नहीं हैं। [...] हम निम्नलिखित व्यवहार की अनुशंसा करते हैं: यदि कोई उपयोगकर्ता एजेंट एक तत्व का सामना करता है।" पहचान नहीं करता है, यह तत्व की सामग्री को प्रस्तुत करने का प्रयास करना चाहिए। [...] लेखकों और उपयोगकर्ताओं को विशिष्ट त्रुटि पुनर्प्राप्ति व्यवहार पर भरोसा नहीं करना चाहिए "- IMHO इसका मतलब है कि क्रोकेफ़ एक बार के लिए गलत है।

— user123444555621

@ कोस्टा: HTML उपयोगी है क्योंकि यह टैग के लिए सहमत अर्थ का एक सेट है। उदाहरण के लिए, ब्राउज़र लिंक को क्लिक करने योग्य बनाते हैं क्योंकि हम सहमत हैं ( HTML युक्ति के माध्यम से ) कि <a>टैग किसी अन्य पृष्ठ का लिंक है। आप अपना खुद का मार्कअप सलाद बना सकते हैं, लेकिन इसका मतलब खुद के अलावा किसी और से नहीं होगा। किसी दिए गए उद्देश्य के लिए, यह ठीक हो सकता है, लेकिन आप वास्तव में HTML का उपयोग नहीं कर रहे हैं।

— पॉल डी। वेट

Answer 3

जैसा कि माइकल ने टिप्पणियों में सुझाव दिया था, जो आप करना चाहते हैं वह काफी संभव है, लेकिन आपका नामकरण गलत है। आप "HTML 5 में टैग नहीं जोड़ रहे हैं," आप अपने स्वयं के टैग के साथ एक नया XML दस्तावेज़ प्रकार बना रहे हैं।

मैंने अपनी अंतिम नौकरी में कुछ परियोजनाओं के लिए ऐसा किया। कुछ व्यावहारिक सलाह:

1. जब आप कहते हैं कि आप इन्हें "एचटीएमएल 5 में जोड़ना चाहते हैं," मैं मानता हूं कि आपका वास्तव में क्या मतलब है, तो आप चाहते हैं कि पृष्ठ एक आधुनिक ब्राउज़र में सही ढंग से प्रदर्शित हों, बिना सर्वर साइड पर बहुत काम किए बिना। यह xml फ़ाइल के शीर्ष पर "स्टाइलशीट प्रोसेसिंग निर्देश", जैसे <? Xml-stylheet type = "text / xsl" href = "menu.xsl"?> डालकर पूरा किया जा सकता है। "मेनू। Xsl" को XSL स्टाइलशीट के पथ से बदलें जो आप अपने कस्टम टैग को HTML में बदलने के लिए बनाते हैं।

2. कैविट्स: आपकी फ़ाइल एक अच्छी तरह से बनाई गई XML दस्तावेज़ होनी चाहिए, जो XML हेडर <xml संस्करण = "1.0"> के साथ पूरी हो। XML बेमेल टैग्स जैसी चीजों के बारे में HTML की तुलना में पिकर है। HTML के विपरीत, टैग केस-संवेदी होते हैं। आपको यह भी सुनिश्चित करना होगा कि वेब सर्वर उचित माइम प्रकार "एप्लिकेशन / xml" के साथ फाइलें भेज रहा है। यदि फ़ाइल एक्सटेंशन ".xml" है, तो अक्सर वेब सर्वर को स्वचालित रूप से ऐसा करने के लिए कॉन्फ़िगर किया जाएगा, लेकिन जांचें।

3. बिग कैविएट: अंत में, ब्राउज़रों के स्वचालित एक्सएसएल परिवर्तन का उपयोग करते हुए, जैसा कि मैंने वर्णन किया है, वास्तव में केवल डिबगिंग के लिए और सीमित अनुप्रयोगों के लिए सबसे अच्छा है जहां आपका बहुत नियंत्रण है। मैंने अपने अंतिम नियोक्ता पर एक साधारण इंट्रानेट स्थापित करने में इसका सफलतापूर्वक उपयोग किया, जो कि केवल कुछ दर्जन लोगों द्वारा ही पहुँचा गया था। सभी ब्राउज़र XSL का समर्थन नहीं करते हैं, और जो पूरी तरह से संगत कार्यान्वयन नहीं करते हैं। इसलिए यदि आपके पृष्ठ "वाइल्ड" में रिलीज़ होने हैं, तो उन सभी को सर्वर साइड में HTML में बदलना सबसे अच्छा है, जो कमांड लाइन टूल, या कई XML संपादकों में एक बटन के साथ किया जा सकता है।

Answer 4

HTML में अपने स्वयं के टैग नाम बनाना संभव नहीं है / मान्य नहीं है। यह XML, SGML और अन्य सामान्य मार्कअप भाषाओं के लिए है।

जो आप शायद चाहते हैं

<div id="menu">
    <div id="lunch">
        <span class="dish">aaa</span>
        <span class="dish">bbb</span>
    </div>
    <div id="dinner">
        <span class="dish">ccc</span>
    </div>
</div>

या के बजाय <div/>और <span/>कुछ पसंद है <ul/>और <li/>।

इसे ठीक से देखने और कार्य करने के लिए, बस कुछ CSS और Javascript को हुक करें।

Comments

नहीं, यह नहीं है। XML को सीन पर आने से पहले SGML इसके लिए बनाया गया था।

— क्वेंटिन

क्या कोई आज सादे SGML का उपयोग कर रहा है? या तो लोग HTML या XML का उपयोग करते हैं और इसके कई वंशज हैं, लेकिन मैंने कभी भी SGML को जंगली में नहीं देखा है! वैसे भी, मैं अपना जवाब अपडेट करूंगा।

— ल्यूकएन

मुझे यकीन है कि प्रलेखन के लिए डॉकबुक एसजीएमएल का उपयोग करने वाले कुछ लोग अभी भी हैं। कुछ साल पहले निश्चित रूप से बहुत सारे थे।

— केन

Answer 5

मैं केवल पिछले उत्तरों को जोड़ना चाहता हूं कि कस्टम तत्वों के लिए केवल दो-शब्द टैग का उपयोग करने का एक अर्थ है। उन्हें कभी भी मानकीकृत नहीं किया जाना चाहिए।

---

उदाहरण के लिए, आप टैग का उपयोग करना चाहते हैं <icon>, क्योंकि आपको पसंद नहीं है <img>, और आपको <i>न तो पसंद नहीं है ...

ठीक है, ध्यान रखें कि आप केवल एक ही नहीं हैं। शायद भविष्य में, w3c और / या ब्राउज़र इस टैग को निर्दिष्ट / कार्यान्वित करेंगे।

इस समय, ब्राउज़र संभवतः इस टैग के लिए देशी शैली लागू करेंगे और आपकी वेबसाइट का डिज़ाइन टूट सकता है।

इसलिए मैं उपयोग करने का सुझाव दे रहा हूं (इस उदाहरण के अनुसार) <img-icon>।

---

तथ्य की बात के रूप में, टैग <menu>अच्छी तरह से परिभाषित किया गया है, इसलिए इसका उपयोग नहीं किया गया है, लेकिन परिभाषित किया गया है। इसमें वह <menuitem>व्यवहार होना चाहिए , जैसा व्यवहार करना चाहिए <li>।

Answer 6

कस्टम टैग्स का उपयोग सफारी, क्रोम, ओपेरा, और फ़ायरफ़ॉक्स में किया जा सकता है, कम से कम जहाँ तक "क्लास = ..." के स्थान पर उनका उपयोग करने का है।

हरे रंग {css में काम करता है

<green>This is some text.</green>

Comments

आप सही @chas हैं, लेकिन इस विधि अनुशंसित नहीं है, और यह "हैक्स और ट्रिक्स" की श्रेणी में आ जाएगा होगा ...

— पीयूष कुमार बालियान

Answer 7

मेटाडेटा को एम्बेड करने के लिए, आप HTML माइक्रोडेटा का उपयोग करने का प्रयास कर सकते हैं , लेकिन यह वर्ग नामों के उपयोग की तुलना में अधिक क्रिया है।

<div itemscope>
    <p>My name is <span itemprop="name">Elizabeth</span>.</p>
</div>

<div itemscope>
    <p>My name is <span itemprop="name">Daniel</span>.</p>
</div>

Answer 8

XSL स्टाइलशीट लिखने के अलावा, जैसा कि मैंने पहले बताया था, एक और तरीका है, कम से कम यदि आप निश्चित हैं कि फ़ायरफ़ॉक्स या एक अन्य पूर्ण XML ब्राउज़र का उपयोग किया जाएगा (यानी, इंटरनेट एक्सप्लोरर नहीं)। XSL ट्रांस्फ़ॉर्म को छोड़ें, और एक पूरा CSS स्टाइलशीट लिखें जो ब्राउज़र को बताता है कि XML को सीधे कैसे फॉर्मेट किया जाए। यहाँ उल्टा यह है कि आपको XSL नहीं सीखनी पड़ेगी, जो बहुत से लोगों को एक कठिन और उलटी भाषा लगती है। नकारात्मक पक्ष यह है कि आपके सीएसएस को स्टाइल को पूरी तरह से निर्दिष्ट करना होगा, जिसमें ब्लॉक नोड्स क्या हैं, इनलाइन क्या हैं, आदि। आमतौर पर, सीएसएस लिखते समय, आप मान सकते हैं कि ब्राउज़र "जानता है" कि <em>, उदाहरण के लिए, इनलाइन नोड है, लेकिन इसका कोई अंदाजा नहीं होगा कि <डिश> के साथ क्या करना है।

आखिरकार, इसके कुछ साल हो गए जब मैंने यह कोशिश की, लेकिन मेरी याद है कि IE (कम से कम कुछ संस्करण वापस) ने सीएसएस स्टाइलशीट को सीधे XML दस्तावेजों पर लागू करने से इनकार कर दिया।

Comments

हाँ, मुझे लगता है कि IE एक विशेष XML रेंडरिंग मोड में चला जाता है, और बहुत अधिक आपको XML दस्तावेज़ का एक पूर्व-निर्धारित, बंधनेवाला संस्करण दिखाता है।

— पॉल डी। वेट

Answer 9

HTML का मुद्दा यह है कि भाषा में शामिल टैग का एक सहमत अर्थ है, जिसका उपयोग दुनिया में हर कोई कर सकता है और आधार निर्णयों का उपयोग कर सकता है - जैसे डिफ़ॉल्ट स्टाइलिंग, या लिंक को क्लिक करने योग्य बनाना, या जब आप किसी पर क्लिक करते हैं तो एक फॉर्म सबमिट करना <input type="submit">।

आपके जैसे निर्मित टैग मनुष्यों के लिए बहुत अच्छे हैं (क्योंकि हम अंग्रेजी सीख सकते हैं और इस प्रकार जान सकते हैं, या कम से कम अनुमान लगा सकते हैं कि आपके टैग का क्या मतलब है), लेकिन मशीनों के लिए इतना अच्छा नहीं है।

Answer 10

यह किसी भी HTML विनिर्देशन में एक विकल्प नहीं है :)

आप शायद वही कर सकते हैं जो आप <div>तत्वों और कक्षाओं के साथ चाहते हैं, इस सवाल से कि मुझे यकीन नहीं है कि आप वास्तव में क्या हैं, लेकिन नहीं, अपना खुद का टैग बनाना एक विकल्प नहीं है।

Comments

यह अब एक विकल्प है: DVcs.w3.org/hg/webcompenders/raw-file/tip/spec/custom/…

— Starx

Answer 11

जैसा कि निक ने कहा, कस्टम टैग HTML के किसी भी संस्करण द्वारा समर्थित नहीं हैं।

लेकिन, यदि आप अपने HTML में ऐसे मार्कअप का उपयोग करते हैं तो यह कोई त्रुटि नहीं देगा।

ऐसा लगता है जैसे आप एक सूची बनाना चाहते हैं। आप <ul>रूले तत्वों को बनाने के लिए अनऑर्डर की गई सूची का उपयोग कर सकते हैं , और <li>नीचे की वस्तुओं के लिए टैग का उपयोग कर सकते हैं ।

यदि वह नहीं है जो आप प्राप्त करना चाहते हैं, तो कृपया वही निर्दिष्ट करें जो आप चाहते हैं। हम एक उत्तर के साथ आ सकते हैं।

Comments

यह आपको ब्राउज़र में कोई त्रुटि नहीं देगा, लेकिन IE अज्ञात रूप से अज्ञात टैग पर CSS को संभालता है।

— ceejayoz

हम्म, अब मुझे नहीं पता था कि! मुझे पता था कि अज्ञात सीएसएस नाम अजीब तरीके से संभाले जाते हैं (यह एक त्रुटि है)। लेकिन, क्या आपको यकीन है कि यह अज्ञात टैग को अजीब तरह से संभालता है? क्या यह सिर्फ <>टैग में पाठ के बिना उन्हें प्रस्तुत नहीं करता है ?

— कीर्तन

आप इंटरनेट एक्सप्लोरर में अज्ञात तत्वों के लिए सीएसएस लागू नहीं कर सकते। <abbr>IE 7 में एक तत्व को स्टाइल करने की कोशिश करें । यह काम नहीं करेगा, क्योंकि IE 7 लागू नहीं हुआ <abbr>(भले ही यह मानक में है!)। मेरे पास अपने आप को बहुत कम चकना है जब लोग आँख बंद करके कहते हैं कि गैर-मानक कोड किसी भी त्रुटि का कारण नहीं होगा। कैसे बिल्ली तुम्हें पता है कि यह किसी भी त्रुटि का कारण नहीं होगा? काम करने के लिए मानक कोड प्राप्त करना कठिन है, अकेले गैर-मानक कोड दें।

— पॉल डी। वेट

पॉल, अपने समाधान के लिए html5shim को देखें। आपको कस्टम-फ़ंक्शनलिटी का लाभ नहीं मिलेगा, लेकिन यदि आप एक कंटेनर की तलाश कर रहे हैं, तो आपको बस इतना करना होगा कि एक डॉक्यूमेंट बन जाए। क्रिएटिविटी ("MyNewTagName"); सिर में (या कम से कम ऊपर जहां आप उस टैग का कोई स्टाइल संस्करण चाहते हैं)। यहां तक ​​कि उनमें से एक सरणी भी बना सकते हैं, और इसके माध्यम से पुनरावृति करते हैं, उन्हें जेएस में बनाते हैं - कोई डोम-अटैचमेंट की आवश्यकता नहीं है, बस एक बनाएं और इसे चक दें। बस उन्हें स्टाइल करने के लिए तैयार रहें जैसे कि वे ब्लॉक-लेआउट और 100% अज्ञात थे।

— नॉरगार्ड

Answer 12

आप HTML 5 डेटा के माध्यम से कस्टम विशेषता जोड़ सकते हैं- विशेषताएँ। उदाहरण के लिए: संदेश जो HTML 5 के लिए मान्य है । विवरण प्राप्त करने के लिए http://ejohn.org/blog/html-5-data-attributes/ देखें।

Answer 13

पॉलिमर या एक्स-टैग आपको अपने स्वयं के HTML टैग बनाने की अनुमति देते हैं। यह देशी ब्राउज़र के "शैडो डोम" पर आधारित है।

Answer 14

आप बस कुछ कस्टम सीएसएस स्टाइल कर सकते हैं, यह एक टैग बनाएगा जो पृष्ठभूमि का रंग लाल कर देगा:

redback {background-color:red;}

 

<redback>This is red</redback>

Answer 15

कुछ परिस्थितियों में, ऐसा लग सकता है कि आपके स्वयं के टैग नाम बनाना ठीक काम करता है।
हालाँकि, यह आपके ब्राउज़र की त्रुटि है जो काम पर रूटीन को संभालती है। और समस्या यह है, अलग-अलग ब्राउज़रों की दिनचर्या को संभालने में अलग-अलग त्रुटि होती है!

इस उदाहरण को देखें।
पहली पंक्ति में दो निर्मित तत्व होते हैं, whatऔर ever, वे अलग-अलग ब्राउज़रों द्वारा अलग-अलग व्यवहार करते हैं। IE11 और एज में पाठ लाल रंग का आता है, लेकिन अन्य ब्राउज़रों में काला होता है।
तुलना के लिए, दूसरी पंक्ति समान है, इसके अलावा इसमें केवल मान्य HTML तत्व हैं, और इसलिए यह सभी ब्राउज़रों में समान दिखाई देगा।

body {color:black; background:white;} /* reset */

what, ever:nth-of-type(2) {color:red}
code, span:nth-of-type(2) {color:red}

<p><what></what> <ever>test</ever></p>

<p><code></code> <span>test</span></p>

मेकअप तत्वों के साथ एक और समस्या यह है कि आपको पता नहीं होगा कि भविष्य क्या है। आप की तरह टैग नाम के साथ कुछ साल पहले एक वेबसाइट बनाई थी, तो picture, dialog, details, slot, templateआदि, उन्हें उम्मीद फैला तरह व्यवहार करने के लिए, अब मुसीबत में आप कर रहे हैं!

Answer 16

आप इसका उपयोग कर सकते हैं:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>MyExample</title>
  <style>
    bloodred {color: red;}
  </style>
</head>
<body>
  <bloodred>
    this is BLOODRED (not to scare you)
  </bloodred>
</body>
<script>
  var btn = document.createElement("BLOODRED")
</script>
</html>

Answer 17

मुझे यह लेख कस्टम HTML टैग बनाने और उन्हें तत्काल बनाने पर मिला। यह प्रक्रिया को सरल करता है और इसे ऐसे शब्दों में तोड़ता है, जिन्हें कोई भी समझ सकता है और तुरंत उपयोग कर सकता है - लेकिन मुझे पूरी तरह से यकीन नहीं है कि इसमें जो कोड नमूने हैं वे सभी ब्राउज़रों में मान्य हैं, इसलिए कैविटी एम्प्टर और पूरी तरह से परीक्षण करें। फिर भी, यह आरंभ करने के लिए विषय का एक शानदार परिचय है।

कस्टम तत्व: HTML में नए तत्वों को परिभाषित करना

Answer 18

<head>
  <lunch>
    <style type="text/css">
      lunch{
        color:blue;
        font-size:32px;
        }
      </style>
    </lunch>
  </head>

<body>
  <lunch>
    This is how you create custom tags like what he is asking for its very simple just do what i wrote it works yeah no js or convoluted work arounds needed this lets you do exactly what he wrote.
    </lunch>
  </body>

Comments

प्रतिभाशाली। किसी भी विचार क्यों इस उत्थान या स्वीकार नहीं किया गया है?

— rnso