HTML Head Tag in Hindi – Free HTML Tutorial
आज के इस HTML Head Tag in Hindi के Post में हम Head Element के बारे में जानेंगे |
HTML Head Element Kya hai ( HTML Head Tag in Hindi)
आज हम HTML Head Tag in Hindi के इस post के जरिये देखेंगे की HTML Head Element Kya hai और इसे HTML Document में क्यों use किया जाता है |
HTML Heading Tag और HTML Head Tag दोनों ही अलग-अलग है | हमने HTML Headings in Hindi के Post में HTML Heading Tag के बारे मे Explain किया है आप उसे भी read करके दोनों का difference समझ सकते है |
HTML Head Elements in Hindi
<head> tag मुख्य रूप से all head elements के लिए container की तरह काम करता है , जो HTML document के बारे मे Extra information प्रदान करता है – जैसे की meta data
Head Tag अन्य संसाधनों ( resources ) का संदर्भ ( reference ) देता है जो Document को web browser में सही ढंग से display करने या व्यवहार ( Behave ) करने के लिए आवश्यक हैं।
Head elements सामूहिक रूप से document की properties का वर्णन करते है जैसे की title.
Head elements character set जैसे meta data की जानकारी प्रदान करते हैं | Head tag के भीतर हम CSS की properties या javascript की script define कर सकते है |
हम Head Tag के भीतर extarnal stylesheet या extarnal javascript की files को भी HTML document के साथ link करवा सकते है | External css Style Sheets को HTML Document में किस तरह से link करते है , यह जानने के लिए HTML style in Hindi का Post read कर सकते है |
HTML Head Tag in Hindi Video
HTML elements जैसे कि <title> , <base> , <link> , <meta> , <style> , <noscript> और <script> Head element के भीतर use किये जाते है |
HTML Title Tag in Hindi
<title> tag HTML Document के title को परिभाषित ( Define ) करता है।
एक HTML Document में केवल एक title element की अनुमति है और इसे <head> element के भीतर mention किया जाता है | title tag में केवल plain text, numbers, और कुछ special cherecters ही लिखा जा सकता है | Title element में अन्य कोई markup tag नहीं लिख सकते है |
डॉक्यूमेंट के टाइटल का उपयोग विभिन्न उद्देश्यों के लिए किया जा सकता है। Example के लिए:
- Web browser के title bar और task bar में title display करने के लिए।
- जब web page favorites या bookmark में add करते है तब उसके लिए title provide करने के लिए |
- Search Engine result में page के लिए title provide करने के लिए |
निम्न उदाहरण दर्शाता है कि HTML document में title कैसे define किया जाता है |
<!DOCTYPE html>
<html lang="en">
<head>
<title>This is title example</title>
</head>
<body>
<p>Hi, Welcome to Tech Samundra</p>
</body>
</html>Content के लिए specific और short title अच्छा माना जाता है , क्यों की search engine title में use किये गए perticular work पर ज्यादा ध्यान देता है | title की लंबाई 65 words से कम हो तो बहुत अच्छा है |
HTML base Element in Hindi
HTML document में निहित ( contained ) सभी relative links के लिए base URL को परिभाषित करने के लिए HTML <base> element का उपयोग किया जाता है |
आप अपने web page के title पर एक बार base url set कर सकते हैं, और फिर बाद के सभी relative links उस url को एक starting point के रूप में उपयोग करेंगे।
आइये इसे उदाहरण की help से अच्छी तरह समझने की कोशिश करते है |
<!DOCTYPE html>
<html lang="en">
<head>
<title>base URL example</title>
<base href="https://www.techsamundra.com/">
</head>
<body>
<p><a href="html-layout-in-hindi/">HTML Layout in Hindi</a>.</p>
</body>
</html>ऊपर दिए गए एक्साम्प्ले में जो हमने paragraph में hyperlink define की है , output में उसके आगे https://www.techsamundra.com/ add हो जाएगा | और final url output पर कुछ इस तरह बनेगी – https://www.techsamundra.com/html-layout-in-hindi/
Output check करने के लिए ऊपर दिये गये code को copy करे और हमारे HTML code editor में paste करे |
HTML link element in Hindi
<link> element current document और external document या संसाधनों ( resources ) के बीच relationship को परिभाषित करता है। link element का common उपयोग external stylesheet को HTML document से link करना है।
<head>
<title>Linking External Style Sheets</title>
<link rel="stylesheet" href="style.css">
</head>HTML Style के बारे में अच्छी तरह समझने के लिए HTML Style in Hindi का post read कर सकते है |
आप head tag के भीतर एक या एक से ज्यादा link element का use कर सकते है | link element में कोई content नहीं लिख सकते है , only attributes ही लिखे जाते है |
HTML style Element in Hindi
style element का use कर के HTML Document के elements पर style define कर सकते है | style element को define करने के लिए <style> tag का use किया जाता है और यह <head> element के भीतर लिखा जाता है |
<head>
<title>Internal Style Sheets</title>
<style>
body { background-color: red; }
h1 { color: white; }
p { color: yellow; }
</style>
</head>एक HTML document में केवल एक बार ही style element का use किया जा सकता है |
HTML meta Element in Hindi
meta element HTML document के लिए metadata प्रदान करता है | metadata data का एक set है जो अन्य data के बारे मे जानकारी देता है और वर्णन करता है। जिसका उपयोग search engine अपने search result के लिए करता है |
<head>
<title>Metadata For Web page</title>
<meta charset="utf-8">
<meta name="author" content="Khetaram Meghwal">
</head>HTML script Element in Hindi
client side script को HTML document डिफाइन में define करने के लिए script element का use किया जाता है |
निम्न उदाहरण web browser में एक greeting message display करेगा:
<head>
<title>This is Javascript example</title>
<script>
document.write("<h1>Hello Tech Samundra!</h1>")
</script>
</head>यह भी पढ़े :-