यह मार्गदर्शिका प्रदर्शित करती है कि HTML स्टार्टर टेम्प्लेट क्या है।
HTML स्टार्टर टेम्प्लेट क्या है?
एक HTML स्टार्टर टेम्प्लेट में डिक्लेरेशन, ,
, और टैग और CSS स्टाइल और जावास्क्रिप्ट स्क्रिप्ट का एक मूल सेट होता है। ये टैग एक वेबपेज बनाने के लिए एक आधार प्रदान करते हैं जो डेवलपर्स के लिए बहुत समय और प्रयास बचाता है।HTML स्टार्टर टेम्प्लेट इस तरह दिखाई देता है:
< एचटीएमएल अभी = 'में' >
< सिर >
< मेटा charset = 'यूटीएफ-8' >
< मेटा नाम = 'व्यूपोर्ट' संतुष्ट = 'चौड़ाई = उपकरण-चौड़ाई, प्रारंभिक-पैमाना = 1' >
< शीर्षक > लिनक्स < / शीर्षक >
< जोड़ना संबंधित = 'शैली पत्रक' href = './style.css' >
< मेटा HTTP-समतुल्य = 'एक्स-यूए-संगत' संतुष्ट = 'यानी = किनारा' >
< / सिर >
< शरीर >
<मुख्य>
< एच 1 > एचटीएमएल स्टार्टर टेम्पलेट < / एच 1 >
< / मुख्य>
< लिखी हुई कहानी स्रोत = 'इंडेक्स.जेएस' < / लिखी हुई कहानी >
< / शरीर >
< / एचटीएमएल >
HTML स्टार्टर टेम्प्लेट में उपलब्ध टैग्स/तत्वों के बारे में जानकारी प्राप्त करने के लिए नीचे दिए गए प्रदर्शन का पालन करें:
टैग
' ” टैग में फ़ाइल प्रकार के बारे में डेटा होता है और ब्राउज़र को बताता है कि इसे कैसे रेंडर करना है। यह टैग वेबपेज बनाने के लिए HTML के किस संस्करण का उपयोग किया जाता है, इसकी जानकारी देकर सर्च इंजन ऑप्टिमाइजेशन में बहुत मदद करता है। यदि यह टैग HTML फ़ाइल में अनुपलब्ध है, तो वेब ब्राउज़र अनपेक्षित रूप से व्यवहार कर सकता है या गलत तत्व प्रदर्शित कर सकता है।
टैग
' <एचटीएमएल> ” टैग एक आवश्यक तत्व है, और यह सभी HTML तत्वों के लिए एक कंटेनर की तरह कार्य करता है। यह मूल तत्व है अर्थात अन्य सभी तत्वों को ठीक से काम करने के लिए अंदर रखा जाना चाहिए। इस टैग का उपयोग वेबपेज की संरचना और सामग्री को परिभाषित करने और दस्तावेज़ के बारे में मेटाडेटा निर्दिष्ट करने में मदद के लिए किया जा सकता है। इसका उपयोग ' अभी ” विशेषता HTML पृष्ठ की भाषा सेट की जा सकती है:
< एचटीएमएल अभी = 'में' >// कोड
< / एचटीएमएल >
उपरोक्त कोड स्निपेट में, HTML पेज की भाषा “पर सेट है” अंग्रेज़ी ”।
'<सिर>' टैग
वेबपेज के बारे में जानकारी “के अंदर डाली जाती है। <सिर> ” और वेबपेज पर दिखाई नहीं दे रहा है और इस जानकारी का उपयोग SEO उद्देश्यों के लिए किया जाता है। इसमें आमतौर पर मेटाडेटा शामिल होता है, जैसे कि पृष्ठ का शीर्षक, विवरण और कीवर्ड, साथ ही बाहरी स्टाइलशीट, स्क्रिप्ट और अन्य संसाधनों के लिंक:
< सिर >// डालना कोड यहाँ
< / सिर >
<मेटा> टैग
<मेटा> टैग HTML दस्तावेज़ के बारे में मेटाडेटा प्रदान करता है, जैसे वर्ण सेट, कीवर्ड और पृष्ठ का विवरण। यह ब्राउज़र इंजन ऑप्टिमाइज़ेशन में एक आवश्यक भूमिका निभाता है। यह सुनिश्चित करता है कि वेब ब्राउज़र सही एन्कोडिंग मानकों का उपयोग करके टेक्स्ट को सही ढंग से प्रदर्शित करता है। HTML पेज से संबंधित कीवर्ड और विवरण सेट करने के लिए भी उपयोग किया जाता है:
< मेटा ... / ><शीर्षक> टैग
' <शीर्षक> ” का उपयोग ब्राउजर के टाइटल बार पर वेबपेज या वेबसाइट का नाम प्रदर्शित करने के लिए किया जाता है। यह टैग वेबसाइट के वेब पेजों के प्रबंधन में लाभकारी हो सकता है। यह एसईओ की प्रक्रिया में मदद करता है और वर्णनात्मक और सार्थक शीर्षकों को शामिल करके पहुंच में सुधार करता है। यह कुछ विकलांग उपयोगकर्ताओं को साइट को अधिक आसानी से नेविगेट करने में मदद करता है:
< शीर्षक > लिनक्सहिंट < / शीर्षक >अंदर कोड की उपरोक्त पंक्ति को क्रियान्वित करने के बाद ' <सिर> ” टैग, वेबपेज इस तरह दिखाई देता है:
उपरोक्त आउटपुट प्रदर्शित करता है कि 'के अंदर प्रदान किया गया डमी डेटा' <शीर्षक> ” टैग अब शीर्षक के बार पर रखा गया है।
<लिंक> टैग
इस टैग का उपयोग HTML फ़ाइलों को अन्य फ़ाइलों से लिंक करने के लिए किया जाता है ताकि HTML फ़ाइल में स्टाइल या विधियों का उपयोग किया जा सके। अन्य फाइलें डेवलपर द्वारा बनाई गई सीएसएस फाइलें या सीएसएस फ्रेमवर्क के कुछ सीडीएन जैसे बूटस्ट्रैप या टेलविंड आदि हो सकती हैं। इसका व्यापक रूप से उपयोग किया जाता है क्योंकि इसका उपयोग करने से कोड की लाइन बहुत कम हो जाती है और प्री-बिल्ड स्टाइल प्रदान करती है जिसका उपयोग इसमें किया जा सकता है। HTML फ़ाइल:
< जोड़ना संबंधित = 'शैली पत्रक' href = './style.css' >कोड की उपरोक्त पंक्ति में, ' शैली.सीएसएस ”फ़ाइल HTML फ़ाइल के साथ लिंक हो रही है। अब, 'style.css' फ़ाइल के अंदर निर्मित कक्षाओं को HTML फ़ाइल में स्टाइल लागू करने के लिए एक्सेस किया जा सकता है। उदाहरण के लिए, स्टाइल करने का प्रयास करें ' <एच1> ” टैग जो पहले से ही निम्नलिखित सीएसएस गुणों का उपयोग करके HTML फ़ाइल के अंदर डाला गया है:
एच 1 {फ़ॉन्ट-परिवार: टाइम्स न्यू रोमन;
रंग : डार्कसियान;
}
उपरोक्त कोड को 'में डालें' शैली.सीएसएस ' फ़ाइल। रेंडर करने के बाद वेबपेज ऐसा दिखाई देता है:
वेबपेज दिखाता है कि शैलियों को 'का उपयोग करके बाहरी सीएसएस फ़ाइल से HTML तत्व पर लागू किया जाता है।' <लिंक> ' उपनाम।
' ' टैग
टैग का प्राथमिक उपयोग वेब पेज की सभी दृश्य सामग्री को शामिल करना है। इसमें कई टैग शामिल हैं जो वेब पेज पर पाठ, चित्र, वीडियो और अन्य तत्वों को सम्मिलित करने में मदद करते हैं जो वेब पेज की मुख्य सामग्री बनाते हैं। इसका उपयोग CSS गुणों को एक बार में वेब पेज पर लागू करने के लिए भी किया जा सकता है। यह सिमेंटिक टैग्स और अन्य एक्सेसिबिलिटी सुविधाओं को शामिल करके वेबपेज की एक्सेसिबिलिटी में भी सुधार करता है: < शरीर >
// यहां HTML तत्व जोड़ें
< / शरीर >
'<स्क्रिप्ट>' टैग
HTML फ़ाइल के अंदर जावास्क्रिप्ट कार्यक्षमता तक पहुँचने के लिए, “ <स्क्रिप्ट > टैग का उपयोग किया जाता है। डेवलपर या तो जावास्क्रिप्ट कोड को सीधे स्क्रिप्ट टैग के अंदर सम्मिलित कर सकता है या उसी '<स्क्रिप्ट>' टैग का उपयोग करके बाहरी जावास्क्रिप्ट से लिंक कर सकता है:
< लिखी हुई कहानी >// जेएस जोड़ें कोड यहाँ
< / लिखी हुई कहानी >
यह HTML स्टार्टर टेम्प्लेट में टैग्स की व्याख्या के बारे में है।
निष्कर्ष
HTML स्टार्टर टेम्प्लेट HTML भाषा की एक बुनियादी संरचना प्रदान करता है जिसे डेवलपर्स द्वारा आवश्यकता के अनुसार संशोधित किया जा सकता है। यह बहुत समय और प्रयास बचाता है क्योंकि अब डेवलपर स्क्रैच से निर्माण शुरू नहीं करता है। इसमें 'जैसे टैग शामिल हैं' <सिर> ”, “ <मेटा> ”, “ <शीर्षक> ”, “ <लिंक> ”, “ <स्क्रिप्ट> ”, “ <शरीर> ” आदि। इस लेख ने व्यावहारिक कार्यान्वयन के साथ-साथ HTML स्टार्टर टेम्प्लेट का प्रदर्शन किया है।