बच्चों के लिए एंटीपीयरेटिक्स एक बाल रोग विशेषज्ञ द्वारा निर्धारित किया जाता है। लेकिन बुखार के लिए आपातकालीन स्थितियां होती हैं जब बच्चे को तुरंत दवा देने की जरूरत होती है। तब माता-पिता जिम्मेदारी लेते हैं और ज्वरनाशक दवाओं का उपयोग करते हैं। शिशुओं को क्या देने की अनुमति है? आप बड़े बच्चों में तापमान कैसे कम कर सकते हैं? कौन सी दवाएं सबसे सुरक्षित हैं?
शरीर तत्व
BODY तत्व के अंदर दस्तावेज़ ही है: उद्घाटन टैग के बीच का सारा पाठ
और समापन टैग, ब्राउज़र द्वारा प्रस्तुत किया जाएगा। दस्तावेज़ को स्वरूपित करने के लिए जिम्मेदार सभी तत्व BODY तत्व के अंदर रखे गए हैं।BODY तत्व की विशेषताओं का उपयोग संपूर्ण दस्तावेज़ के लिए सामान्य गुणों को सेट करने के लिए किया जाता है, और इस संबंध में, इस तत्व की क्षमताएँ काफी बड़ी हैं: आप लिंक का रंग, पृष्ठभूमि सेटिंग्स आदि सेट कर सकते हैं।
सबसे पहले, आइए उन BODY तत्वों की विशेषताओं को देखें जो लिंक्स के प्रदर्शन को नियंत्रित करते हैं। पृष्ठ आगंतुकों की सुविधा के लिए, आपको विज़िट किए गए, बिना देखे और सक्रिय लिंक के लिए अलग-अलग रंग सेट करने की आवश्यकता है, जबकि आपको यह सुनिश्चित करने की आवश्यकता है कि वे पृष्ठ के पृष्ठभूमि रंग के साथ विलय न करें, क्योंकि यह आगंतुकों के लिए असुविधाजनक होगा।
लिंक के रंग के लिए बॉडी तत्व के निम्नलिखित गुण जिम्मेदार हैं:
लिंक रंग हेक्स प्रारूप या कीवर्ड में सेट किए जा सकते हैं। यदि आप मानक रंग लागू करना चाहते हैं तो कीवर्ड अर्थपूर्ण हैं। ठीक है, अगर आप गैर-मानक रंग सेट करने जा रहे हैं, तो आपको हेक्स प्रारूप का उपयोग करना होगा।
लिस्टिंग 1-12 में उदाहरण दोनों विकल्प दिखाता है।
लिस्टिंग 1.12।लिंक रंग
"http://www.w3.org/TR/html4/loose.dtd">
उदाहरण में, सक्रिय और बिना देखे गए लिंक के लिए, रंग संख्याओं और अक्षरों का उपयोग करके निर्दिष्ट किया गया है: वे रंग कोड को हेक्साडेसिमल प्रारूप में परिभाषित करते हैं और # चिह्न के बाद संबंधित विशेषता के मान के रूप में लिखे जाते हैं। विज़िट किए गए लिंक के लिए, रंग कीवर्ड द्वारा निर्धारित किया जाता है। कीवर्ड्स का उपयोग करना आसान है। उनकी मदद से, अंग्रेजी में मानक रंग नामों का उपयोग रंग पदनाम के रूप में किया जाता है। नीले, लाल, काले जैसे सरल रंगों के नामों का प्रयोग करें और आप गलत नहीं हो सकते।
संख्या में रंग लिखने के लिए, वांछित रंग के लिए कोड किसी ग्राफिक संपादक का उपयोग करके निर्धारित किया जा सकता है।
BODY तत्व पृष्ठ की पृष्ठभूमि पर बहुत अधिक नियंत्रण प्रदान करता है। इसके लिए जिम्मेदार गुणों पर विचार करें।
सबसे पहले आपको पेज का बैकग्राउंड कलर सेट करना होगा। यह bgcolor विशेषता का उपयोग करके किया जाता है, जिसका मान पृष्ठभूमि रंग निर्दिष्ट करता है। फिर आपको पृष्ठभूमि विशेषता का उपयोग करके पृष्ठ की पृष्ठभूमि छवि निर्दिष्ट करने की आवश्यकता है, जिसका मूल्य पृष्ठभूमि के लिए छवि फ़ाइल का पता है। उसी समय, पृष्ठभूमि रंग को पृष्ठभूमि छवि की रंग योजना के करीब सेट करने का प्रयास करें। यह उपयोगी है अगर उपयोगकर्ता पृष्ठभूमि छवि लोड नहीं करता है। जब पृष्ठभूमि का रंग तस्वीर के रंग के करीब होता है, तो पृष्ठ के समग्र स्वरूप में कोई असंतुलन नहीं होगा।
अगली विशेषता पृष्ठभूमि स्क्रॉलिंग को नियंत्रित करती है और इसे bgproperties कहा जाता है। यह निर्धारित करता है कि पृष्ठभूमि पाठ के साथ स्क्रॉल करेगी या नहीं। यह विशेषता केवल एक निश्चित मान को स्वीकार करती है, जो आपको दस्तावेज़ की पृष्ठभूमि को ठीक करने की अनुमति देती है और पाठ के साथ इसे स्क्रॉल नहीं करती है। अन्यथा, आपको केवल इस विशेषता को निकालने की आवश्यकता है। यह सुनिश्चित करने के लिए कि स्क्रॉल करते समय पाठ की पठनीयता खो न जाए, पृष्ठभूमि स्क्रॉलिंग विकल्प चुनते समय आपको बहुत सावधान रहने की आवश्यकता है।
1-13 की सूची दस्तावेज़ की पृष्ठभूमि सेट करने के लिए BODY तत्व की विशेषताओं का उपयोग करने का एक उदाहरण दिखाती है।
लिस्टिंग 1.13।पृष्ठभूमि विकल्प
"http://www.w3.org/TR/html4/loose.dtd">
1.13 लिस्टिंग में उदाहरण में, फ़ाइल test. jpg को नीले स्वर में डिज़ाइन किया गया है, इसलिए पृष्ठभूमि का रंग नीले रंग की श्रेणी से लिया गया है। टेक्स्ट के साथ बैकग्राउंड स्क्रॉल करना प्रतिबंधित है।
पृष्ठभूमि का पता लगाने के बाद, हम ब्राउज़र विंडो की सीमाओं के सापेक्ष पृष्ठ सामग्री की स्थिति निर्धारित कर सकते हैं।
बॉडी एलिमेंट की निम्नलिखित विशेषताएँ विंडो बॉर्डर से इंडेंट के लिए जिम्मेदार हैं:
बॉटममार्जिन - ब्राउज़र विंडो के निचले किनारे से पृष्ठ की सामग्री तक की दूरी निर्धारित करता है;
लेफ्टमार्जिन - ब्राउज़र विंडो के बाएं किनारे से पृष्ठ की सामग्री तक की दूरी को इंगित करता है;
टॉपमार्जिन - ब्राउज़र विंडो के ऊपरी किनारे से पृष्ठ की सामग्री तक की दूरी निर्धारित करता है।
सभी विशेषताओं के लिए दूरी पिक्सेल में सेट की गई है।
1-14 को सूचीबद्ध करना BODY तत्व पर विशेषताओं का उपयोग करके पृष्ठ सामग्री की दूरी निर्दिष्ट करने का एक उदाहरण दिखाता है।
लिस्टिंग 1.14।विंडो बॉर्डर से पृष्ठ सामग्री की दूरी सेट करना
"http://www.w3.org/TR/html4/loose.dtd">
उदाहरण में, ऊपर और नीचे की दूरी 10 पिक्सेल और बाईं ओर - 20 पिक्सेल होगी।
BODY तत्व की दो और विशेषताएँ हैं जो हमें उपयोगी लग सकती हैं। दस्तावेज़ में पाठ के रंग के लिए पाठ विशेषता जिम्मेदार है। पाठ का रंग सेट करते समय, सुनिश्चित करें कि यह पृष्ठ की पृष्ठभूमि में मिश्रित न हो।
स्क्रॉल विशेषता यह निर्धारित करती है कि दस्तावेज़ विंडो में वर्टिकल स्क्रॉल बार है या नहीं। इसके केवल दो मान हैं: हाँ और नहीं, क्रमशः स्क्रॉलिंग को अनुमति और अक्षम करने का संकेत देते हैं। वास्तव में, आपको स्क्रॉलिंग को अक्षम नहीं करना चाहिए, क्योंकि आपकी स्क्रीन पर बिना किसी समस्या के पूरी तरह से दिखाई देने वाला दस्तावेज़ कम मॉनिटर रिज़ॉल्यूशन वाले उपयोगकर्ता के लिए स्क्रीन पर फिट नहीं हो सकता है। नतीजतन, स्क्रॉलबार के बिना, वह दस्तावेज़ का हिस्सा नहीं देख पाएगा।
हमने शरीर तत्व, उसकी क्षमताओं और कार्यों पर विचार किया है। इस तत्व में परिभाषित सभी पैरामीटर दस्तावेज़ के समग्र स्वरूप को प्रभावित करते हैं।
जब आप बड़ी साइटें बनाते हैं, तो समय के साथ आप भूल सकते हैं कि पेज कोड का यह या वह हिस्सा वास्तव में क्या करता है। टिप्पणियाँ इससे बचने में मदद करेंगी।
फिक्शनबुक 2.1 प्रारूप में ई-पुस्तकें बनाना पुस्तक से: एक व्यावहारिक मार्गदर्शिका लेखक कोंद्रतोविच मिखाइल इओसिफ़ोविच§ 2.7 पुस्तक के शरीर (शरीर) के तत्व। छवि तत्व। सिंटेक्स:
तत्वतत्व.ws फ़ाइल निष्पादित करते समय डिबग मोड निर्दिष्ट करता है। यदि डीबग विशेषता का मान सत्य है, तो कार्य को बाहरी डीबगर में निष्पादित किया जा सकता है (परिशिष्ट 3 देखें)। यदि डीबग विशेषता का मान गलत है, तो इस कार्य के लिए डीबगर लागू नहीं किया जाएगा।
एक्सएसएलटी किताब से लेखक होल्ज़नर स्टीफनतत्व
तत्व
तत्व
तत्व
टेबल बॉडी बनाना:
सूची तत्व निकाय बनाना:
xsl:if तत्व तत्व का सिंटैक्स इस प्रकार है:
तत्व एचटीएमएल भाषा का आधार तत्व है। इसमें कुछ जानकारी होती है, यह दस्तावेज़ को संपूर्ण रूप से या पाठ को स्वरूपित करने के तरीके का वर्णन कर सकता है। तत्वों को साइट बनाने का आधार कहा जा सकता है। आप अपने पेज पर जो कुछ भी बनाना चाहते हैं, उसके साथ किया जाएगा
लेखक से: HTML और बॉडी टैग के बीच के अंतर को नज़रअंदाज़ करना बहुत आसान है। ऐसा लगता है कि यह क्षण तुच्छ चीजों को संदर्भित करता है। मुझे यह स्वीकार करना चाहिए कि मुझे सभी वैश्विक शैलियों को बॉडी टैग पर लागू करने की बहुत बुरी आदत थी, और जब यह पर्याप्त नहीं था, तो मैं बिना सोचे-समझे html टैग पर स्विच कर देता था।
हालाँकि, इन टैग्स के बीच अभी भी अंतर हैं। और अच्छा विचार यह है कि उनके बारे में जानना एक अच्छा विचार है, इससे कोई फर्क नहीं पड़ता कि आप कितने समय से CSS लिख रहे हैं। इस लेख में, हम इन अंतरों और व्यावहारिक उदाहरणों पर गौर करेंगे, जहाँ शैलियों को दूसरे के बजाय एक तत्व पर लागू करना अधिक उपयुक्त हो सकता है।
कैसे HTML और शरीर के तत्व एक दूसरे से संबंधित हैं
आइए मूल HTML दस्तावेज़ की मानक संरचना पर नज़र डालें:
विनिर्देश एचटीएमएल को दस्तावेज़ के मूल तत्व के रूप में परिभाषित करता है, और हम इसे उपरोक्त उदाहरण से स्पष्ट रूप से देख सकते हैं: एचटीएमएल तत्व अन्य तत्वों के शीर्ष स्तर पर है। ऊपर उठने के लिए कहीं नहीं है, अर्थात्। यह पहला तत्व है जिससे स्टाइल इनहेरिट कर सकता है।
इसके अलावा, html टैग के ठीक बाद, केवल दो तत्व हैं: सिर और शरीर। वास्तव में, विनिर्देश सीधे शरीर को मुख्य तत्व से अलग करता है, क्योंकि इस स्तर पर केवल दो तत्वों को अलग करने की आवश्यकता होती है।
तो, यह पता चला है कि html दस्तावेज़ का मूल तत्व है, जिसमें शरीर तत्व शामिल है, जो इसका बच्चा है। CSS में :root चयनकर्ता भी है। निम्नलिखित दो चयनकर्ता समकक्ष हैं:
: जड़ () एचटीएमएल ()
:जड़( एचटीएमएल ( |
सिवाय इसके कि: रूट चयनकर्ता की उच्च विशिष्टता है: (0, 0, 1, 0) बनाम (0, 0, 0, 1)।
इसलिए हमें हमेशा html के लिए ग्लोबल स्टाइल सेट करना चाहिए, है ना?
यह मान लेना बहुत लुभावना है कि कोई भी स्टाइल जिसे पूरे दस्तावेज़ में इनहेरिट करने की आवश्यकता है, उसे सीधे html पर सेट किया जाना चाहिए, क्योंकि वह दस्तावेज़ का मूल तत्व है। एचटीएमएल तत्व शरीर तत्व पर प्राथमिकता लेता है, इसलिए यह समझ में आता है कि सभी वैश्विक शैलियों को इस पर लागू किया जाना चाहिए।
लेकिन हकीकत में यह उस तरह से काम नहीं करता है। वास्तव में, निम्नलिखित इनलाइन विशेषताओं को मूल रूप से बॉडी एलिमेंट के विनिर्देशन में सौंपा गया था:
वर्तमान में, इन विशेषताओं को अप्रचलित माना जाता है, और समान सीएसएस गुणों का उपयोग करने की अनुशंसा की जाती है (बाईं ओर - इनलाइन विशेषता, दाईं ओर - इसकी एनालॉग सीएसएस संपत्ति):
पृष्ठभूमि - पृष्ठभूमि
bgcolor-बैकग्राउंड, बैकग्राउंड-कलर
मार्जिनबॉटम - मार्जिन-बॉटम
मार्जिन लेफ्ट - मार्जिन-लेफ्ट
मार्जिन राइट - मार्जिन-राइट
मार्जिनटॉप - मार्जिन-टॉप
यह देखते हुए कि ये सीएसएस गुण इनलाइन विशेषताओं से आते हैं जो शरीर के तत्व पर बनाए गए थे, उन्हें एचटीएमएल के बजाय सीधे शरीर में सीएसएस में लागू करना समझ में आता है।
इसलिए हमें हमेशा बॉडी के लिए ग्लोबल स्टाइल सेट करना चाहिए, है ना?
सचमुच में ठीक नहीं। ऐसी स्थितियाँ हैं जिनमें इन शैली गुणों को html तत्व पर लागू करना अधिक उपयुक्त होगा। आइए इनमें से कुछ स्थितियों को देखें।
रेम इकाइयों के साथ काम करना
रेम यूनिट दस्तावेज़ रूट के सापेक्ष है। उदाहरण के लिए, जब हम ऐसा कुछ लिखते हैं:
मॉड्यूल (चौड़ाई: 40rem;)
मापांक( चौड़ाई: 40रेम; |
रेम इकाई, इस मामले में, html तत्व की फ़ॉन्ट-आकार की संपत्ति के मूल्य के सापेक्ष होगी, जो कि दस्तावेज़ की जड़ है। इस प्रकार, .module वर्ग वाला तत्व दस्तावेज़ रूट के लिए उपयोगकर्ता के डिफ़ॉल्ट मान के आधार पर स्केल करेगा।
जोनाथन स्नूक के पास यह है जो यह प्रदर्शित करने का एक बड़ा काम करता है कि कैसे html की फ़ॉन्ट-आकार की संपत्ति को एक प्रतिशत पर सेट किया जा सकता है, जिसे रेम यूनिट के साथ काम करते समय स्टाइल रीसेट के रूप में इस्तेमाल किया जा सकता है।
फैंसी पृष्ठभूमि-रंग संपत्ति
बॉडी एलिमेंट पर बैकग्राउंड कलर (बैकग्राउंड-कलर प्रॉपर्टी का इस्तेमाल करके) सेट करते समय CSS के बारे में एक अजीब बात है, पूरे व्यूपोर्ट को भर देता है, भले ही एलिमेंट खुद छोटा हो। यह तब तक होता है जब तक html एलिमेंट पर बैकग्राउंड-कलर प्रॉपर्टी सेट नहीं हो जाती।
यदि आप चाहते हैं कि पृष्ठभूमि का रंग पूरे व्यूपोर्ट को भर दे, तो इसे html तत्व के लिए तुरंत सेट करना सबसे अच्छा है।
निष्कर्ष
मुझे आशा है कि इसने CSS में html और बॉडी टैग के बीच प्रमुख अंतरों पर कुछ प्रकाश डाला है। जावास्क्रिप्ट में भी अंतर हैं। उदाहरण के लिए, आपको इन तत्वों को खोजने के लिए चयनकर्ता की आवश्यकता नहीं है, क्योंकि जावास्क्रिप्ट में, html दस्तावेज़ है। रूट एलिमेंट और बॉडी दस्तावेज़ है। बॉडी।
हम निश्चित रूप से दो तत्वों के बीच अधिक तकनीकी अंतरों का वर्णन कर सकते हैं, लेकिन इस लेख का उद्देश्य इन तत्वों की हमारी समझ के स्तर को बढ़ाना था ताकि हम CSS लिखते समय अधिक सूचित निर्णय ले सकें।
क्या आपके पास ऐसे उदाहरण हैं जहां एक के बजाय दूसरे तत्व का उपयोग करना उचित है? या हो सकता है कि आपके पास शैली के लिए कौन सा तत्व चुनने के लिए अन्य मानदंड हों। टिप्पणियों में इसके बारे में लिखें!
नमस्ते! यदि आप पहले से ही एक HTML दस्तावेज़ की संरचना के गठन से परिचित हैं, तो आपको इस पाठ में कुछ भी उपयोगी नहीं मिलेगा। उन लोगों के लिए जो परिचित नहीं हैं, मैं एक वेब दस्तावेज़ की सही (वैध) HTML संरचना दिखाऊंगा, जिसमें एक वर्डप्रेस साइट भी शामिल है।
HTML दस्तावेज़ की सामान्य सही संरचना
सबसे पहले, बिना किसी प्रस्तावना के, किसी भी HTML दस्तावेज़ की सामान्य संरचना इस तरह होनी चाहिए:
/*वर्तमान डीटीडी के प्रकार को इंगित करता है*/ /*दस्तावेज़ की शुरुआत दिखाता है*/ / * हेडर (हेडर) की शुरुआत दिखाता है * /यदि आप उन स्पष्टीकरणों को हटा दें जो मैंने प्रत्येक टैग के बाद दिखाए थे, तो HTML दस्तावेज़ की सरल संरचना इस तरह दिखती है
वर्तमान डीटीडी का प्रकार
वर्तमान दस्तावेज़ का प्रकार ( दस्तावेज़ प्रकार परिभाषा, डीटीडी) ब्राउज़र के लिए यह समझने के लिए आवश्यक है कि वर्तमान वेब पेज की व्याख्या कैसे करें, क्योंकि HTML कई संस्करणों में आता है।
इसके अलावा, HTML के अलावा अन्य मार्कअप लैंग्वेज भी हैं, जैसे XHTML।
टिप्पणी:एक्सएचटीएमएल एक्स्टेंसिबल हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए खड़ा है, जो एक्सटेंडेड हाइपरटेक्स्ट मार्कअप लैंग्वेज के रूप में अनुवाद करता है।
XHTML HTML के समान है लेकिन सिंटैक्स में भिन्न है। ताकि ब्राउज़र भाषाओं से भ्रमित न हो और आपको इसे कोड की पहली पंक्ति में दिखाने की आवश्यकता हो, वर्तमान दस्तावेज़ का प्रकार DOCTYPE है।
HTML में एक टैग की अवधारणा
आपने देखा कि HTML दस्तावेज़ की संपूर्ण संरचना को कुछ टैग्स द्वारा परिभाषित किया गया है - कोण कोष्ठक में संलग्न कुछ शब्द।
HTML दस्तावेज़ में कोण कोष्ठक में संलग्न शब्द को टैग कहा जाता है। मार्कअप नियमों द्वारा परिभाषित प्रत्येक टैग का अपना अर्थ होता है।
- टैग का अर्थ है html दस्तावेज़ का शीर्षक। हेड टैग ब्राउजर और सर्च इंजन के लिए जानकारी स्टोर करते हैं। मेटा टैग के रूप में शामिल करना;
- टैग का अर्थ है html दस्तावेज़ की मुख्य सामग्री। अर्थात् पाठ, चित्र, जावा स्क्रिप्ट स्क्रिप्ट, आदि;
- [पी] टैग एक ब्लॉक तत्व है और हमेशा एक नई लाइन पर शुरू होता है। इसका अर्थ है html दस्तावेज़ की मुख्य सामग्री का एक पैराग्राफ।
महत्वपूर्ण! सभी html मार्कअप टैग जोड़े में होने चाहिए। यानी ओपनिंग टैग<тег>, एक समापन टैग के साथ एक स्लैश के साथ बंद होना चाहिएтег> .
हेडिंग और सबहेडिंग टैग h1-h6
दस्तावेज़ के पाठ की संरचना में सुधार करने के साथ-साथ वेब पेजों के एसईओ में सुधार करने के लिए अतिरिक्त मुख्य सामग्री टैग हैं। इन्हें h1 से h6 तक का हेडिंग और सबहेडिंग टैग कहा जाता है, कुल 6 पीस होते हैं।
वे [p] -पैराग्राफ टैग की तरह हैं, जो आपको टेक्स्ट के सिमेंटिक सेक्शन को हाइलाइट करने की अनुमति देते हुए, आपको टेक्स्ट को सिमेंटिक भागों में विभाजित करने की अनुमति देते हैं, जिससे प्रत्येक सेक्शन को अपना शीर्षक दिया जाता है।
टैग एच 1—h6एक अधीनस्थ निर्भरता है, इस अधीनता का निचला स्तर एक पैराग्राफ है।
यह ध्यान रखना महत्वपूर्ण है कि उप टैग निर्भरता को तोड़ना एच 1—h6—पीदस्तावेज़ के प्रदर्शन और वैधता का उल्लंघन नहीं करेगा, लेकिन केवल खोज इंजनों के लिए इसके अनुकूलन को खराब करेगा।
एक उन्नत HTML दस्तावेज़ संरचना का एक उदाहरण
यहाँ एक अधिक उन्नत HTML दस्तावेज़ संरचना का एक अकादमिक उदाहरण दिया गया है:
मुख्य शीर्षलेख
मुख्य शीर्षलेख
पहला उपशीर्षक
मुख्य शीर्षलेख
दूसरा उपशीर्षक
पहला लघु उपशीर्षक
एचटीएमएल 5 की संरचना
एचटीएमएल 5 में, दस्तावेज़ संरचना इस तरह दिखनी चाहिए:
यह एक घोषणा है जो दिखाता है HTML5 में यह दस्तावेज़ क्या है;
HTML पृष्ठ का मूल तत्व है;
दस्तावेज़ के बारे में मेटा टैग वाला तत्व;तत्व एक बड़े शीर्षक को परिभाषित करता है
तत्व एक पैराग्राफ को परिभाषित करता है।
H2 - h6 टैग html5 में काम करते हैं
सभी टैग डबल हैं। स्टार्ट टैग को स्टार्ट टैग कहा जाता है और एंड टैग को एंड टैग कहा जाता है।
वर्डप्रेस साइट पर HTML मार्कअप
इस तथ्य के बावजूद कि वर्डप्रेस स्क्रिप्ट PHP में लिखी गई है, सभी साइट फ़ाइलें, या वर्किंग साइट टेम्पलेट की सभी फाइलें, HTML मार्कअप हैं। हम एक उदाहरण देखते हैं, टेम्प्लेट की हेडर.फपी फाइल पर बीस सत्रह:
क्लास = "नो-जेएस नो-एसवीजी">
"> >आप देख सकते हैं कि यदि सभी वर्डप्रेस कार्यों को क्लासिक HTML मार्कअप में रखा गया है। एक दस्तावेज़ प्रकार है:
जोड़ी टैग,
उद्घाटन टैग।
समापन टैग footer.php फ़ाइल में पाया जा सकता है।
वर्डप्रेस वेबसाइट पेज का HTML कोड कैसे देखें
लेख या पृष्ठ बनाते समय आप साइट संपादक में जो लिखते हैं वह साइट के HTML पृष्ठ का ही एक भाग होता है। यह पृष्ठ का पूरा भाग भी नहीं है।
एक वर्डप्रेस साइट पेज के HTML कोड को देखने के लिए, और इसकी अक्सर आवश्यकता होती है, आपको निम्न करने की आवश्यकता है:
ब्राउज़र में पेज खोलें;
अंग्रेजी कीबोर्ड फ़ॉन्ट में बदलें;
निम्न बटन दबाएं:
- क्रोम: Ctrl+U
- ओपेरा: Ctrl+U
- मोज़िला: Ctrl+U
शायद आप नहीं जानते कि आपको अभी तक इसकी आवश्यकता क्यों है। मेरा विश्वास करो, आपकी साइट और संभवतः प्रतिस्पर्धियों की साइटों का विश्लेषण करने के लिए एक से अधिक बार आवश्यक होगा।
निष्कर्ष
अंत में, मैं एक निष्कर्ष निकालना चाहता था, लेकिन केवल यह विचार मन में आता है कि लेख पूरी तरह से शुरुआती लोगों के लिए निकला। पहली नज़र में, लेख कोड उदाहरण और वास्तविक साइटों के उदाहरणों के बीच एक बड़ा अंतर है। हालाँकि, सभी फ़ाइलों में एक ही HTML दस्तावेज़ संरचना होती है, और साइट के साथ काम करते समय इस संरचना को न तोड़ना अत्यंत महत्वपूर्ण है।
तत्व
(अंग्रेज़ी से। शरीर-बॉडी) ब्राउज़र विंडो में प्रदर्शित वेब पेज (सामग्री) की सामग्री को स्टोर करने के लिए डिज़ाइन किया गया है। दस्तावेज़ में प्रदर्शित होने वाली जानकारी को कंटेनर के ठीक अंदर रखा जाना चाहिए। . इस तरह की जानकारी में टेक्स्ट, इमेज, टैग, जावास्क्रिप्ट स्क्रिप्ट आदि शामिल हैं।वेब पेज पर लिंक्स और टेक्स्ट के रंग निर्धारित करने के लिए भी उपयोग किया जाता है। HTML में इस प्रथा की निंदा की जाती है, और इसके बजाय रंग योजना को निर्दिष्ट करने के लिए शैलियों का उपयोग करने की सिफारिश की जाती है, उन्हें मुख्य चयनकर्ता पर लागू किया जाता है।अक्सर
एक ईवेंट हैंडलर रखने के लिए उपयोग किया जाता है, जैसे ऑनलोड, जिसे दस्तावेज़ के वर्तमान विंडो या फ्रेम में लोड होने के बाद निष्पादित किया जाता है।उद्घाटन और समापन टैग
एक वेब पेज पर वैकल्पिक हैं, लेकिन एक HTML दस्तावेज़ के प्रारंभ और अंत को परिभाषित करने के लिए उनका उपयोग करना अच्छा अभ्यास माना जाता है।वाक्य - विन्यास
...समापन टैग
आवश्यक नहीं।
गुण
उदाहरण
यहां तक कि अरस्तू ने अपनी "राजनीति" में कहा कि संगीत, एक व्यक्ति पर अभिनय करता है, "एक प्रकार की शुद्धि देता है, जो कि आनंद से जुड़ी राहत है।"
वर्तमान उदाहरण का परिणाम अंजीर में दिखाया गया है। 1. तत्व के ऑनलोड ईवेंट का उपयोग करते समय
जावास्क्रिप्ट में लिखी गई एक स्क्रिप्ट निष्पादित होती है, इस मामले में यह एक संदेश प्रदर्शित करता है कि दस्तावेज़ लोड हो गया है।चावल। 1. दस्तावेज़ में पॉपअप विंडो
विनिर्देश
प्रत्येक विनिर्देश अनुमोदन के कई चरणों से गुजरता है।
- सिफारिश (सिफारिश) - विनिर्देश W3C द्वारा अनुमोदित है और एक मानक के रूप में अनुशंसित है।
- उम्मीदवार की सिफारिश ( संभावित सिफारिश) - मानक के लिए जिम्मेदार समूह संतुष्ट है कि यह अपने लक्ष्यों को पूरा करता है, लेकिन मानक को लागू करने के लिए विकास समुदाय के समर्थन की आवश्यकता होती है।
- प्रस्तावित सिफारिश ( सुझाई गई सिफारिश) - इस स्तर पर, दस्तावेज़ अंतिम अनुमोदन के लिए W3C सलाहकार बोर्ड को प्रस्तुत किया जाता है।
- वर्किंग ड्राफ्ट - सामुदायिक समीक्षा के लिए चर्चा और संशोधन के बाद एक अधिक परिपक्व मसौदा।
- संपादक का मसौदा ( संपादकीय मसौदा) परियोजना संपादकों द्वारा किए गए परिवर्तनों के बाद मानक का एक मसौदा संस्करण है।
- प्रारूप ( विशिष्टता मसौदा) मानक का पहला मसौदा संस्करण है।
जीवित मानक HTML (लिविंग) अलग खड़ा है - यह पारंपरिक संस्करण नंबरिंग का पालन नहीं करता है, क्योंकि यह निरंतर विकास में है और नियमित रूप से अपडेट किया जाता है।
नमस्कार प्रिय ब्लॉग पाठकों! हम "खरोंच से एक साइट बनाना" अनुभाग जारी रखते हैं, और विशेष रूप से टैग का विषय ... और आज हम उन टैग्स पर विचार करेंगे जो किसी भी वेब पेज में मौजूद हैं - , और . एक और टैग है जो प्रत्येक HTML दस्तावेज़ में होना चाहिए और जिसके बारे में मैंने पहले ही पिछले लेखों में से एक में लिखा था - इसलिए हम इसे स्पर्श नहीं करेंगे।
कॉलम के पिछले लेखों में, मैंने html प्रारूप में एक खाली फ़ाइल बनाने के बारे में लिखा था। वास्तव में, इसका उपयोग प्रो लेख में किया गया था (यही वह जगह है जहाँ शीर्षक टैग लागू किए गए थे)। अब हम सीधे इस फाइल को पूरे विवरण के साथ संपादित करेंगे।
और चलिए लेख को बनाई गई फ़ाइल को संपादित करके शुरू करते हैं। व्यक्तिगत रूप से, मैंने इसे index.html नाम दिया है, लेकिन नाम कुछ भी हो सकता है। इसे किसी भी टेक्स्ट एडिटर से खोलें (नोटपैड ++ का उपयोग करना बेहतर है, क्योंकि इसमें कोड हाइलाइटिंग और अन्य उपयोगी गैजेट हैं)। और तुरंत इसमें टैग्स ऐड कर दें ,
और ठीक उसी क्रम में जिसमें वे लिखे गए हैं। स्क्रीनशॉट में दिखाए अनुसार उन्हें बंद करना न भूलें। दस्तावेज़ इस तरह दिखेगा:अब प्रत्येक टैग के अर्थ पर अलग से विचार करें। कोई आश्चर्य नहीं कि वे सभी में हैं। एचटीएमएल दस्तावेज़।
टैग कार्य
तो टैग है CONTAINER()। इसके अंदर वेब पेज की सभी दृश्य और अदृश्य सामग्री है (टैग सहित और ). उद्घाटन टैग Doctype घोषणा और समापन के तुरंत बाद आता हैदस्तावेज़ के अंत में है। इस प्रकार, यह ब्राउज़र को स्पष्ट करता है कि दस्तावेज़ को संसाधित करना कहाँ से शुरू करना है और कहाँ समाप्त करना है।सैद्धांतिक रूप से, वह खुद समझ सकता है कि क्या और कैसे। आख़िरकार ? यह एक HTML भाषा का अनुवादक है और यह संभव नहीं है कि वह दस्तावेज़ के मध्य से प्रसंस्करण शुरू करेगा और अंत तक पहुँचने से पहले उसे समाप्त कर देगा। बेशक, यह सवाल विवादास्पद है, लेकिन मैंने हमेशा सोचा (और अब मैं अपनी राय नहीं छोड़ता) कि इस टैग को लिखना अनिवार्य है।
यहां तक कि इस बात पर विचार करते हुए कि इस टैग का कार्य केवल अंदर है परिसीमन सामग्री, इसकी अपनी विशेषताएँ हैं (जो अब या तो बिल्कुल भी उपयोग नहीं की जाती हैं, या बहुत कम उपयोग की जाती हैं)। विभिन्न स्रोत उन विशेषताओं को इंगित करते हैं जो एक दूसरे से भिन्न हैं, इसलिए मैं सही संस्करण को सामने रखने का साहस नहीं करता।
केवल एक चीज जो मैं निश्चित रूप से कह सकता हूं वह यह है कि अधिकांश विशेषताएँ HTML 4.01 द्वारा समर्थित नहीं हैं या अवांछनीय हैं। हालांकि मैं आपको एक उदाहरण देता हूँ। - दस्तावेज़ में कहीं भी टूलटिप। उदाहरण के लिए, जब आप अपने माउस को किसी इमेज पर घुमाते हैं, तो आपको पॉपअप टेक्स्ट दिखाई दे सकता है। इस टैग के मामले में भी:
और जब आप इस सामग्री वाले दस्तावेज़ पर होवर करते हैं, तो आपको यह दिखाई देगा:
शीर्षक विशेषता का उपयोग टैग में नहीं करना बेहतर है , लेकिन पृष्ठ के किसी भी अन्य विशिष्ट क्षेत्रों में। सबसे पहले, यह सुविधाजनक है, और दूसरी बात, सर्च इंजन आपकी साइट को बेहतर तरीके से ट्रीट करेंगे। यह टैग संसाधन अनुकूलन को प्रत्यक्ष रूप से प्रभावित नहीं करता है। हम आगे बढ़ते हैं।
टैग समारोह
और अगली पंक्ति है उपनाम . इसमें पेज के बारे में सभी तकनीकी जानकारी होती है, जो ब्राउजर और सर्च इंजन की मदद करने का काम करती है। टैग एक कंटेनर टैग है और इसके तुरंत बाद आता है , केवल पिछले वाले, क्लोजिंग टैग के विपरीतदस्तावेज़ के अंत में नहीं, बल्कि ओपनिंग टैग से पहले दिखाई देता है .में क्या जानकारी मिल सकती है
? लेकिन कोई नहीं। इस टैग के भीतर सब कुछ पृष्ठ के स्रोत कोड को देखकर ही मानव आंखों के लिए सुलभ है। इस टैग की सभी सामग्री के लिए है खोज इंजन और ब्राउज़र. केवल एक चीज जिसे आप किसी तरह देख सकते हैं वह है टैगआइकन के बाद का टेक्स्ट टैग की सामग्री है
यह के लिए मेटा टैग है पृष्ठ सामग्री प्रकार(सामग्री प्रकार)। इस स्थिति में, यह UTF-8 एन्कोडिंग में html कोड है (सामग्री = "पाठ/html; वर्णसेट = UTF-8")। अगला ऊपर वर्णित शीर्षक टैग आता है। इसके बाद टैग से शुरू होने वाली लाइनें आती हैं . यह बाहरी दस्तावेज़ के लिंक को इंगित करता है। उदाहरण के लिए, रेखा
इंगित करता है कि (rel="stylesheet") फ़ाइल (type="text/css") के साथ जुड़ा हुआ है, जो अमुक पते पर स्थित है (पंक्ति की लंबाई कम करने के लिए, मैंने आधे पते को बिंदुओं से बदल दिया ). ब्राउजर द्वारा इस स्ट्रिंग को प्रोसेस करने के बाद, यह निर्धारित करेगा कि कहां प्राप्त करना है व्यापक शैली पत्रक.
सामान्य तौर पर, हेड टैग में बहुत सारी जानकारी होती है जिसके बारे में अनिश्चित काल तक बात की जा सकती है। ध्यान देने योग्य अंतिम बात (विशेष रूप से के मामले में) विवरण टैग, कीवर्ड और कैनोनिकल की उपस्थिति है। मैं उपयोग करता हूं प्लगइन सभी एक एसईओ पैक में, इसलिए वे भीतर मौजूद हैं
.