HTML संक्षिप्तीकरण. कम ज्ञात शब्दार्थ तत्व। डिफ़ॉल्ट शैली

💖क्या आपको यह पसंद है?लिंक को अपने दोस्तों के साथ साझा करें

कोड तत्व का उपयोग कंप्यूटर कोड या प्रोग्रामिंग भाषा जैसे PHP, JavaScript, CSS, XML, आदि को निर्दिष्ट करने के लिए किया जाता है। एक वाक्य के भीतर छोटे स्निपेट के लिए, आप तत्व को कोड स्निपेट के चारों ओर इस तरह रख सकते हैं:

क्लिक परसीधे HTML में.

कई पंक्तियों में फैले बड़े कोड नमूनों के लिए, आप पूर्व-स्वरूपित ब्लॉकों का उपयोग कर सकते हैं, जैसा कि व्याख्यान 15 में दिखाया गया है, "HTML में पाठ सामग्री को चिह्नित करना।"

हालाँकि जिसे इंगित करने की कोई विशेष विधि नहीं है प्रोग्रामिंग भाषाया कोड को कोड तत्व में दिखाया गया है, वर्ग विशेषता का उपयोग किया जा सकता है। एक सामान्य अभ्यास (एचटीएमएल 5 ड्राफ्ट में उल्लिखित) भाषा-उपसर्ग का उपयोग करना और फिर भाषा का नाम जोड़ना है। तो उपरोक्त उदाहरण इस तरह दिखेगा:

जैसे ईवेंट हैंडलर का उपयोग करना ख़राब रूप है क्लिक परसीधे HTML में.

कुछ प्रोग्रामिंग भाषाओं में ऐसे नाम होते हैं जिन्हें कक्षाओं में आसानी से प्रदर्शित नहीं किया जाता है, जैसे C# (C-sharp)। सही तरीकाइस मामले में प्रविष्टि "class="भाषा-सी\#"" होगी, जो कठिनाइयां पैदा कर सकती है और टाइप संबंधी त्रुटियां पैदा कर सकती है। मैं केवल अक्षरों और हाइफ़न वाली कक्षा का उपयोग करने और इसे संपूर्ण रूप से लिखने की अनुशंसा करूंगा। इसलिए, इस मामले में, "class="भाषा-csharp"" का उपयोग करना बेहतर है।

कंप्यूटर इंटरेक्शन आउटपुट

दो तत्व सैम्पऔर केबीडी का उपयोग कंप्यूटर प्रोग्राम के साथ इनपुट और आउटपुट इंटरेक्शन के लिए किया जा सकता है। उदाहरण के लिए:

यह निर्धारित करने का एक सामान्य तरीका है कि कोई कंप्यूटर इंटरनेट से जुड़ा है या नहीं, कंप्यूटर प्रोग्राम का उपयोग करना है गुनगुनाहटयह देखने के लिए कि क्या कंप्यूटर चलने की संभावना है, पहुंच योग्य है।

किट्टाघी% पिंग -o google.com
 पिंग google.com (64.233.187.99): 56 डेटा बाइट्स 64 बाइट्स 64.233.187.99 से: icmp_seq=0 ttl=242 समय=108.995 एमएस --- google.com पिंग आँकड़े --- 1 पैकेट प्रेषित, 1 पैकेट प्राप्त, 0 % पैकेट हानि राउंड-ट्रिप न्यूनतम/औसत/अधिकतम/stddev = 108.995/108.995/108.995/0.000 एमएस

तत्व सैम्पसे नमूना आउटपुट इंगित करता है कंप्यूटर प्रोग्राम. जैसा कि इस उदाहरण में दिखाया गया है, विभिन्न प्रकार केआउटपुट का उपयोग करके निर्दिष्ट किया जा सकता है वर्ग विशेषता. हालाँकि, किस प्रकार की कक्षाओं का उपयोग किया जाए, इस पर कोई व्यापक रूप से स्वीकृत सहमति नहीं है।

Kbd तत्व कंप्यूटर के साथ उपयोगकर्ता की बातचीत के इनपुट को निर्दिष्ट करता है। यद्यपि यह परंपरागत रूप से कीबोर्ड इनपुट है (इसलिए संक्षिप्त नाम "केबीडी"), इसका उपयोग अन्य प्रकार के इनपुट, जैसे वॉयस इनपुट को इंगित करने के लिए भी किया जाना चाहिए।

चर

var तत्व का उपयोग टेक्स्ट सामग्री में वेरिएबल निर्दिष्ट करने के लिए किया जाता है। इसमें बीजगणितीय गणितीय अभिव्यक्तियाँ शामिल हो सकती हैं या शामिल हो सकती हैं प्रोग्राम कोड. उदाहरण के लिए:

का मान है एक्स 3 में एक्स+2=14 4 है.

मेरा $स्वागत है= "हैलो वर्ल्ड!";

उद्धरण

उद्धरण तत्व का उपयोग यह इंगित करने के लिए किया जाता है कि आस-पास की सामग्री कहाँ से आती है - किसी व्यक्ति, पुस्तक, या अन्य प्रकाशन को उद्धृत करते समय, या आम तौर पर जब लोगों को किसी अन्य स्रोत का संदर्भ दिया जाता है, तो उस स्रोत को उद्धरण तत्व के भीतर रखा जाना चाहिए। उदाहरण के लिए:

कहावत हर चीज़ को यथासंभव सरल बनाया जाना चाहिए, लेकिन इससे अधिक सरल नहींप्रायः इसका श्रेय दिया जाता है अल्बर्ट आइंस्टीन, लेकिन यह वास्तव में एक उद्धरण की व्याख्या है जिसे समझना बहुत कम आसान है।

विवरण

टैग इंगित करता है कि वर्णों का क्रम एक संक्षिप्त रूप है। शीर्षक विशेषता का उपयोग करके, संक्षिप्त नाम को समझा जाता है, जो उन लोगों को संक्षिप्त रूप को समझने की अनुमति देता है जो इससे परिचित नहीं हैं। इसके अलावा, खोज इंजन संक्षिप्त नाम के पूर्ण-पाठ संस्करण को अनुक्रमित करते हैं, जिसका उपयोग दस्तावेज़ की रैंकिंग में सुधार करने के लिए किया जा सकता है।

ब्राउज़र अंदर के टेक्स्ट को हाइलाइट नहीं करते संस्करण 15 से पहले ओपेरा के अपवाद के साथ, जो पाठ में बिंदीदार रेखांकन जोड़ता है।

वाक्य - विन्यास

मूलपाठ

गुण

पाठ में एक टूलटिप जोड़ता है जिसमें आप संक्षिप्तीकरण समझा सकते हैं।

समापन टैग

आवश्यक।

एचटीएमएल5 आईई सीआर ऑप सा एफएक्स

एबीबीआर को टैग करें

सीजीआईउस प्रोटोकॉल को दर्शाता है जिसके द्वारा कोई भी बाहरी प्रोग्राम वेब सर्वर के साथ इंटरैक्ट करता है। सीजीआई का उपयोग करके, आप किसी भी प्रोग्रामिंग भाषा में सर्वर पर प्रोग्राम चला सकते हैं और उनके कार्यों के परिणाम को वेब पेज के रूप में प्रदर्शित कर सकते हैं।



इस उदाहरण का परिणाम चित्र में दिखाया गया है। 1.

चावल। 1. संक्षिप्तीकरण पाठ पर माउस घुमाते समय टूलटिप का प्रकार

ब्राउज़र्स

संस्करण 6 तक का इंटरनेट एक्सप्लोरर ब्राउज़र टैग का समर्थन नहीं करता है , इसके बजाय टैग का उपयोग करने की अनुशंसा की जाती है .

HTML संक्षिप्तीकरण तत्व( ) एक संक्षिप्त नाम या परिवर्णी शब्द का प्रतिनिधित्व करता है; वैकल्पिक शीर्षक विशेषता संक्षिप्त नाम के लिए विस्तार या विवरण प्रदान कर सकती है।यदि मौजूद है, तो शीर्षक में यह पूरा विवरण होना चाहिए और कुछ नहीं।

इस इंटरैक्टिव उदाहरण का स्रोत GitHub रिपॉजिटरी में संग्रहीत है। यदि आप इंटरैक्टिव उदाहरण प्रोजेक्ट में योगदान देना चाहते हैं, तो कृपया https://github.com/mdn/interactive-examples को क्लोन करें और हमें एक पुल अनुरोध भेजें।

अभिगम्यता संबंधी चिंताएँ

किसी पृष्ठ पर पहली बार उपयोग किए जाने पर संक्षिप्त नाम या संक्षिप्त रूप को पूरी तरह से लिखना लोगों को इसे समझने में मदद करने के लिए फायदेमंद है, खासकर यदि सामग्री तकनीकी या उद्योग शब्दजाल है।

उदाहरण

जावास्क्रिप्ट ऑब्जेक्ट नोटेशन ( JSON) एक हल्का डेटा-इंटरचेंज प्रारूप है।

यह उन लोगों के लिए विशेष रूप से सहायक है जो सामग्री में चर्चा की गई शब्दावली या अवधारणाओं से अपरिचित हैं, जो लोग भाषा में नए हैं, और संज्ञानात्मक चिंताओं वाले लोग हैं।

विशेष विवरण

विनिर्देश स्थिति टिप्पणी
HTML जीवन स्तर
"की परिभाषा "उस विशिष्टता में.
जीवन स्तर
एचटीएमएल 5
"की परिभाषा "उस विशिष्टता में.
सिफारिश
HTML 4.01 विशिष्टता
"की परिभाषा "उस विशिष्टता में.
सिफारिश

ब्राउज़र अनुकूलता

इस पृष्ठ में संगतता तालिका संरचित डेटा से तैयार की गई है। यदि आप डेटा में योगदान देना चाहते हैं, तो कृपया https://github.com/mdn/browser-compat-data देखें और हमें एक पुल अनुरोध भेजें।

GitHub पर संगतता डेटा अपडेट करें

डेस्कटॉपगतिमान
क्रोमकिनाराफ़ायरफ़ॉक्सइंटरनेट एक्सप्लोरर ओपेरासफारीएंड्रॉइड वेबव्यूएंड्रॉइड के लिए क्रोमएंड्रॉइड के लिए फ़ायरफ़ॉक्सएंड्रॉइड के लिए ओपेराआईओएस पर सफारीसैमसंग इंटरनेट
abbrक्रोम पूर्ण समर्थन 2एज पूर्ण समर्थन हाँफ़ायरफ़ॉक्स पूर्ण समर्थन 1

टिप्पणियाँ

पूर्ण समर्थन 1

टिप्पणियाँ

टिप्पणियाँ फ़ायरफ़ॉक्स 4 से पहले, इस तत्व ने मानक HTMLElement इंटरफ़ेस के बजाय HTMLSpanElement इंटरफ़ेस लागू किया था।
IE पूर्ण समर्थन 7ओपेरा पूर्ण समर्थन हाँसफ़ारी पूर्ण समर्थन हाँWebView Android पूर्ण समर्थन हाँक्रोम एंड्रॉइड पूर्ण समर्थन हाँफ़ायरफ़ॉक्स एंड्रॉइड पूर्ण समर्थन 4ओपेरा एंड्रॉइड पूर्ण समर्थन हांसफ़ारी iOS पूर्ण समर्थन हाँसैमसंग इंटरनेट एंड्रॉइड पूर्ण समर्थन हाँ

दंतकथा

पूर्ण समर्थनपूर्ण समर्थन कार्यान्वयन नोट्स देखें। कार्यान्वयन नोट देखें.

यह सभी देखें

वेब आज तेजी से अर्थपरक होता जा रहा है। लेकिन "सिमेंटिक" का क्या मतलब है? यह महत्वपूर्ण क्यों है?

सिमेंटिक HTML किसी दस्तावेज़ का अर्थ व्यक्त करता है। यह इस बारे में अधिक है कि पाठ कैसा दिखता है, इसकी तुलना में यह क्या है। अच्छा सिमेंटिक मार्कअप मानव और कंप्यूटर दोनों को किसी दस्तावेज़ की सामग्री और उसके संदर्भ को बेहतर ढंग से समझने में मदद करता है।

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

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

अपने अवरुद्ध चचेरे भाई की तरह
, टैग उद्धरण को इंगित करने के लिए उपयोग किया जाता है।

केवल उद्धरणों का उपयोग क्यों न करें? उद्धरण चिन्हों का अर्थ सदैव उद्धरण नहीं होता। कभी-कभी उनका उपयोग जोर देने, व्यंग्य करने या किसी चीज़ का नाम इंगित करने के लिए किया जाता है - और इस संदर्भ में, उनका उपयोग सही ढंग से किया जाता है। हालाँकि, यदि आप कुछ उद्धृत करते हैं, आपके इरादे को स्पष्ट रूप से व्यक्त करता है.

और

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

HTML5 में, इन टैगों की अंततः एक विशिष्ट अर्थ संबंधी व्याख्या होती है। टैग जिस पाठ का स्वर या मनोदशा भिन्न हो उसे ध्वजांकित किया जाता है। उदाहरण के लिए, विचारों या तकनीकी शब्दों का वर्णन करने के लिए यह उपयोगी है। टैग ऐसे पाठ को चिह्नित करता है जो नियमित पाठ से शैलीगत रूप से भिन्न है लेकिन उसका कोई विशिष्ट अर्थ अर्थ नहीं है। यह उपयोग करने से किस प्रकार भिन्न है? ? कुंजी वह है शब्दार्थ की दृष्टि से कोई भिन्न अर्थ नहीं रखता।

संक्षिप्ताक्षरों के लिए उपयोग किया जाता है! यह उन दस्तावेज़ों में विशेष रूप से उपयोगी हो सकता है जहाँ इनकी संख्या बहुत अधिक है। इस टैग में एक वैकल्पिक विशेषता है शीर्षक, जिसमें आप निर्दिष्ट कर सकते हैं पूर्ण संस्करणमूलपाठ।

ज़ोर-ज़ोर से हंसना idk जी2जी बाद में बात करता हूं

आइए क्लासिक दिनांक स्थानीयकरण समस्या पर एक नज़र डालें। संयुक्त राज्य अमेरिका में, 5 अक्टूबर, 2013 को 10/05/13 लिखा जाता है, ब्रिटेन में इसे 05/10/13, दक्षिण अफ्रीका में इसे 2013/10/05, रूस में इसे 05/10/13 लिखा जाता है। ये सभी विकल्प तारीखों को स्वचालित रूप से पहचानना बेहद कठिन बना देते हैं।

टैग आपको मशीन-पठनीय प्रारूप में दिनांक और समय निर्दिष्ट करने की अनुमति देता है। पिछला उदाहरण कुछ इस तरह दिख सकता है: . HTML पार्सर्स तारीख को सटीक रूप से समझने में सक्षम होंगे, भले ही हमने इसे किसी भी प्रारूप में निर्दिष्ट किया हो। टैग आपको वैकल्पिक रूप से 24 प्रारूप में समय निर्दिष्ट करने की भी अनुमति देता है: ;

क्या आपने कभी ऐसा किया है?

तीन सौ पृष्ठों का उबाऊ, बेकार पाठ। एक चीज़ जिसे आपको जानना आवश्यक है और यदि आप इसे उजागर नहीं करेंगे तो इसे दोबारा कभी नहीं पा सकेंगे।और भी उबाऊ चीजें...


अब और नहीं। HTML5 में एक तत्व दिखाई दिया , जो उस पाठ को चिह्नित करता है जिसे उसके महत्व के कारण संदर्भ उद्देश्यों के लिए हाइलाइट किया गया है।

हाँ, . आप शायद उपयोग कर रहे हैं , , यहां तक ​​कि , क्या आपने कभी अन्य प्रकारों का उपयोग किया है? HTML5 में नए प्रकार के संपूर्ण समूह के साथ उपयोग किया जा सकता है:
  • ईमेल
  • संख्या
  • श्रेणी
  • खोज
  • रंग
यह बहुत अच्छा है, लेकिन पहले आपको यह सुनिश्चित करना होगा कि आपके लक्षित ब्राउज़र इन सबका समर्थन करते हैं। यह अभी भी एक समस्या है.

क्या आपने कभी बिना क्रमांक वाली सूची से मेनू बनाया है?

दोबारा ऐसा मत करो! इसके लिए वहाँ है

, जो आदेशों की एक अव्यवस्थित सूची है। इस टैग में एक विशेषता है प्रकार, जो निम्नलिखित मान ले सकता है: पॉप अपया उपकरण पट्टी.

  • खुला
  • बचाना
  • छोड़ना
  • बक्शीश

    अधिकांश फ्रंट-एंड डेवलपर लिखते समय HTML का उपयोग करते हैं, लेकिन कई लोग इसका सही अर्थ नहीं जानते हैं। न टूटने वाला स्थान किसी रेखा को नहीं तोड़ता। इसका मतलब यह है कि यदि दो शब्द एक नॉन-ब्रेकिंग स्पेस से जुड़े हुए हैं, तो वे हमेशा एक ही लाइन पर एक साथ रहेंगे। कभी-कभी यह बहुत महत्वपूर्ण होता है. यहां कुछ उदाहरण दिए गए हैं:
    • इकाइयाँ: 12 मी/से
    • समय: रात 8 बजे
    • उचित नाम: डेयरी क्वीन
    इसमें एक नॉन-ब्रेकिंग हाइफ़न भी है ( ), समान उद्देश्यों के लिए।

    अंत में

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

    मित्रों को बताओ