HTML <शीर्षक> टैग वेब पेज के शीर्षक को परिभाषित करता है। यह शीर्षक आपके ब्राउज़र पर टैब बार में और जब आप अपनी बुकमार्क सूची में कोई पृष्ठ जोड़ते हैं तो प्रकट होता है। सभी वेब पेजों में एक <शीर्षक> टैग होना चाहिए।
जब आप एक वेब पेज बना रहे हों, तो आप उस वेब पेज के लिए एक शीर्षक निर्दिष्ट करना चाहेंगे। उदाहरण के लिए, मान लें कि आप किसी स्थानीय बेकरी की वेबसाइट के लिए एक होम पेज बना रहे हैं। आप चाहते हैं कि बेकरी का नाम वेब पेज के शीर्षक के रूप में दिखाई दे।
वहीं <शीर्षक> HTML टैग आता है। <शीर्षक> टैग HTML में किसी दस्तावेज़ के शीर्षक को परिभाषित करता है और इसे वेब पेज के हेड सेक्शन में रखा जाता है। यह ट्यूटोरियल एक उदाहरण के संदर्भ में, <शीर्षक> . के महत्व पर चर्चा करेगा टैग, और आप इसे अपने कोड में कैसे उपयोग कर सकते हैं।
एचटीएमएल हेड रिफ्रेशर
HTML में, तत्व का उपयोग शीर्षक तत्वों को संग्रहीत करने के लिए किया जाता है। ये तत्व वेब पेज के बारे में अतिरिक्त जानकारी प्रदान करते हैं, जैसे कि वेब पेज के लिए दिखाई देने वाला आइकन।
साथ में, . के तत्व अनुभाग एक दस्तावेज़ के बारे में मुख्य जानकारी का वर्णन करता है। वे ब्राउज़र को किसी दस्तावेज़ में प्रयुक्त स्टाइल शीट और स्क्रिप्ट की ओर इंगित कर सकते हैं (यदि कोई उपयोग किया जाता है)।
एचटीएमएल <शीर्षक>
एचटीएमएल <शीर्षक> टैग दस्तावेज़ के शीर्षक को परिभाषित करता है। यह टैग . में दिखाई देता है उपनाम। इस टैग को वेब पेज के उद्देश्य को संक्षेप में प्रस्तुत करना चाहिए। आपको प्रति पृष्ठ केवल एक <शीर्षक> टैग निर्दिष्ट करने की आवश्यकता है।
आइए इस टैग के सिंटैक्स को देखें:
<head>
<title>Home | Career Karma</title>
</head>
टैग में ओपनिंग और क्लोजिंग दोनों टैग होते हैं। इन टैगों के बीच, हमने एक वेब पेज के लिए एक शीर्षक लिखा है।</P> <p>
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।</P> <p>
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।</P> <p>
हमारे <शीर्षक> टैग का टेक्स्ट वेब पेज पर दिखाई नहीं देता है। ऐसा इसलिए है क्योंकि हमारा <शीर्षक> टैग हमारे वेब पेज पर <body> टैग के बजाय <head> में संलग्न है।</P> <p>
हमारा उपरोक्त शीर्षक मजबूत है क्योंकि यह उपयोगकर्ता को बताता है कि वे कौन सा पृष्ठ देख रहे हैं। हमने साइट का नाम भी निर्दिष्ट किया है जो भ्रम को रोकता है यदि उपयोगकर्ता के पास "होम" शीर्षक के साथ कई टैब खुले हैं।</P> <p>
आपका शीर्षक स्पष्ट, पढ़ने में आसान और बहुत लंबा नहीं होना चाहिए। शीर्षकों के निम्नलिखित उदाहरणों पर विचार करें:</P> <ul> <li>ब्लॉग - करियर कर्म</li>
<li>करियर कर्म से संपर्क करें</li>
<li>कैरियर कर्म ब्लॉग</li>
</ul>
<p>
ये सभी शीर्षक पृष्ठ के उद्देश्य को व्यक्त करते हैं। आपका शीर्षक बहुत लंबा नहीं होना चाहिए क्योंकि शीर्षकों में केवल टैब बार में सीमित स्थान होता है।</P> <p>
<शीर्षक> टैग HTML5 में सभी वैश्विक विशेषताओं का समर्थन करता है। यह टैग सभी प्रमुख आधुनिक ब्राउज़रों द्वारा समर्थित है। शीर्षक टैग में कोई तत्व-विशिष्ट HTML विशेषताएँ नहीं हैं।</P> <h2>HTML शीर्षक टैग उदाहरण</h2> <p>
HTML शीर्षक तत्व <em><head></em> . के अंतर्गत परिभाषित किया गया है एक HTML पृष्ठ पर टैग करें। मान लीजिए हम अपने स्थानीय बेकरी, जोसेफ अब्राम्स एंड संस के लिए एक वेब पेज बना रहे हैं। हम वर्तमान में होम पेज बना रहे हैं, और हम चाहते हैं कि साइट के शीर्षक में बेकरी का नाम दिखाई दे।</P> <p>
हम अपने पेज का शीर्षक “<em>जोसेफ अब्राम्स एंड संस.</em> पर सेट करने के लिए निम्नलिखित कोड का उपयोग कर सकते हैं। ":</P> <pre><head>
<title>Joseph Abrams & Sons.</title>
</head></pre> <p>
जब हमारी साइट के लिए वेब पेज खोला जाता है, तो पेज का शीर्षक "<em>जोसेफ अब्राम्स एंड संस</em> पर सेट हो जाता है। ".</P> <p>
अब, मान लीजिए कि हम अपने स्थानीय बेकरी के लिए पहले से एक संपर्क पृष्ठ बना रहे हैं। हम शीर्षक का उपयोग करना चाह सकते हैं “<em>संपर्क | जोसेफ़ अब्राम्स एंड संस</em> ". यह शीर्षक सरल है और हमारे वेब पेज के उद्देश्य का भी अच्छी तरह से वर्णन करता है।</P> <h2>आपको <शीर्षक> टैग का उपयोग क्यों करना चाहिए?</h2> <p>
दस्तावेज़ शीर्षक टैग निर्दिष्ट करना महत्वपूर्ण होने के कई कारण हैं।</P> <p>
सबसे पहले, <em><शीर्षक></em> टैग वेब ब्राउजर के टाइटल बार में पेज टाइटल को प्रदर्शित करता है। उदाहरण के लिए, इस पृष्ठ का शीर्षक है “<em>HTML शीर्षक टैग:एक कैसे-कैसे मार्गदर्शिका | करियर कर्म</em> ". यह इस साइट के टैब के नाम से दिखाई देता है।</P> <p>
दूसरा, <em><शीर्षक></em> टैग वेब पेज को तब लेबल करता है जब इसे बुकमार्क किया जाता है या उपयोगकर्ता के वेब ब्राउज़र में पसंदीदा के रूप में सहेजा जाता है। आपके द्वारा निर्दिष्ट शीर्षक स्वचालित रूप से सहेजा जाएगा। यदि आप किसी वेब पेज के लिए उपयुक्त शीर्षक का उपयोग नहीं करते हैं, तो उपयोगकर्ता को आपके पृष्ठ को अपने बुकमार्क में खोजना मुश्किल हो सकता है।</P> <p>
खोज इंजन एक शीर्षक टैग की सामग्री पर निर्भर करते हैं। एक शीर्षक टैग में निर्दिष्ट शीर्षक एक खोज इंजन परिणाम पृष्ठ (SERP) पर वेब पेज का शीर्षक होगा। SERP एक खोज परिणाम पृष्ठ पर एक प्रविष्टि है।</P> <p>
इसके अलावा, <em><शीर्षक></em> . की सामग्री टैग का उपयोग सर्च इंजन द्वारा वेब पेज के विषय को निर्धारित करने के लिए किया जाता है।</P> <p>
तो, अब हम जानते हैं कि <em><शीर्षक></em> टैग महत्वपूर्ण हैं, आप शायद पूछ रहे होंगे:मैं HTML शीर्षक टैग का उपयोग कैसे करूं? आइए उस प्रश्न का उत्तर दें।</P> <h2>निष्कर्ष</h2> <p>
<em><शीर्षक></em> टैग एक HTML दस्तावेज़ का शीर्षक बताता है। यह शीर्षक वेब ब्राउज़र के टैब नामों में दिखाई देता है। इसका उपयोग सर्च इंजन द्वारा किसी वेब पेज को उसके शीर्षक और विषय पर निर्णय लेने के लिए संसाधित करते समय भी किया जाता है।</P> <p>
इस ट्यूटोरियल में एक उदाहरण के संदर्भ में, HTML की मूल बातें <em><शीर्षक></em> . पर चर्चा की गई है उपनाम। अब आप HTML विशेषज्ञ की तरह शीर्षक टैग का उपयोग शुरू करने के लिए तैयार हैं!</P> <p>
क्या आप HTML में कोडिंग के बारे में अधिक जानना चाहते हैं? हमारी HTML मार्गदर्शिका कैसे सीखें देखें। इस गाइड में शुरुआती और मध्यवर्ती डेवलपर्स के लिए शीर्ष शिक्षण संसाधनों और पाठ्यक्रमों की एक सूची है। आपको HTML के विषय पर पढ़ने के लिए शीर्ष पुस्तकें भी मिलेंगी।</P> <br>
</article>
<div class="ad5">
<script language='javascript' src='https://in.wsxdn.com/css/ad/hi2.js'></script>
</div>
<div id="turn-page" class="f-between">
<div class="page up f-align">
<i class="prev"></i>
<a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005038919.html' >HTML चयन:एक कैसे-कैसे मार्गदर्शिका </a>
<span></span>
</div>
<div class="page down f-align">
<a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005038921.html' >HTML नई लाइन का उपयोग करना और </a>
<i class="next"></i>
<span></span>
</div>
</div>
</div>
<aside class="box-r">
<section class="small-nav rList">
<p class=h4s>
HTML
</p>
<ul class="f-between">
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li>
</ul>
<strong class="f-center">
<img src="https://in.wsxdn.com/css/img/xiala.svg" alt="">
</strong>
</section>
<aside class="rList">
<p class=h4s>
HTML
</p>
<ul>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038891.html" class="t-over" title="HTML विशेषताओं के लिए चरण-दर-चरण मार्गदर्शिका ">HTML विशेषताओं के लिए चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038893.html" class="t-over" title="वीडियो एम्बेड करें HTML:एक चरण-दर-चरण मार्गदर्शिका ">वीडियो एम्बेड करें HTML:एक चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038894.html" class="t-over" title="HTML सूचियाँ:चरण-दर-चरण मार्गदर्शिका ">HTML सूचियाँ:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038895.html" class="t-over" title="HTML तालिका:चरण-दर-चरण मार्गदर्शिका ">HTML तालिका:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038897.html" class="t-over" title="HTML बटन:चरण-दर-चरण मार्गदर्शिका ">HTML बटन:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038898.html" class="t-over" title="HTML Textarea:चरण-दर-चरण मार्गदर्शिका ">HTML Textarea:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038919.html" class="t-over" title="HTML चयन:एक कैसे-कैसे मार्गदर्शिका ">HTML चयन:एक कैसे-कैसे मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038924.html" class="t-over" title="HTML छवि:चरण-दर-चरण मार्गदर्शिका ">HTML छवि:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038925.html" class="t-over" title="HTML स्पैन:शुरुआती के लिए एक गाइड ">HTML स्पैन:शुरुआती के लिए एक गाइड </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038927.html" class="t-over" title="HTML इनपुट:चरण-दर-चरण मार्गदर्शिका ">HTML इनपुट:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005038929.html" class="t-over" title="HTML Iframe:चरण-दर-चरण मार्गदर्शिका ">HTML Iframe:चरण-दर-चरण मार्गदर्शिका </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005054553.html" class="t-over" title="HTML <शीर्षक> तत्व का उपयोग कैसे करें ">HTML <शीर्षक> तत्व का उपयोग कैसे करें </a>
</li>
<li>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005063717.html" class="t-over" title="हम HTML पेज में हेड टैग का उपयोग क्यों करते हैं? ">हम HTML पेज में हेड टैग का उपयोग क्यों करते हैं? </a>
</li>
</ul>
</aside>
</aside>
</div>
<div class="container box4-2">
<div class="lanmu-list f-between">
<div class="lanmu">
<ol>
<li>
<div class="img-block">
<span>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005064313.html" class="r-over r-over-2" title="एचटीएमएल <q> टैग ">
एचटीएमएल <q> टैग </a>
<p>
HTML में q टैग का उपयोग संक्षिप्त उद्धरण निर्दिष्ट करने के लिए किया जाता है। उद्धरण चिह्न q टैग यानी उद्धरण के अंदर सेट टेक्स्ट के चारों ओर सम्मिलित हो जाते हैं। निम्नलिखित विशेषता है - उद्धरण :यह उद्धरण का स्रोत url सेट करता है। आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें उदाहरण विचा </p>
</span>
</div>
</li>
</ol>
</div>
<div class="lanmu">
<ol>
<li>
<div class="img-block">
<span>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005064347.html" class="r-over r-over-2" title="एचटीएमएल <b> टैग ">
एचटीएमएल <b> टैग </a>
<p>
HTML में b टैग का प्रयोग बोल्ड टेक्स्ट को सेट करने के लिए किया जाता है। HTML5 विनिर्देश के अनुसार, मुख्य टेक्स्ट के लिए टैग का उपयोग करें। आइए अब HTML में b टैग को लागू करने के लिए एक उदाहरण देखें- उदाहरण संदर्भ लिंक टूल्स ऑनलाइन कंपाइलर व्हाइटबोर्डऊपर, हमने उपयोगकर्ताओं के लिए कुछ उपयोगी संसाधन द </p>
</span>
</div>
</li>
</ol>
</div>
<div class="lanmu">
<ol>
<li>
<div class="img-block">
<span>
<a href="https://in.wsxdn.com/zx054r/zw551r/1005064399.html" class="r-over r-over-2" title="एचटीएमएल <dl> टैग ">
एचटीएमएल <dl> टैग </a>
<p>
HTML में dl तत्व का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है। HTML5 में, का उपयोग विवरण सूची को परिभाषित करने के लिए किया जाता है, जबकि HTML4 परिभाषित परिभाषा सूची में। आइए अब टैग - . को लागू करने के लिए एक उदाहरण देखें उदाहरण खेल फुटबॉल यह 200 से अधिक देशों में 250 मिलियन खिलाड़ियो </p>
</span>
</div>
</li>
</ol>
</div>
</div>
</div>
<footer>
<section class="container f-between f-align">
<a href="https://in.wsxdn.com" class="logo">
<img src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर">
</a>
<span class="f-end">
© कॉपीराइट
<a href="https://in.wsxdn.com">https://in.wsxdn.com</a>
सर्वाधिकार सुरक्षित
</span>
</section>
</footer>
</body>
</html>