अबतक हमने एचटीएमएल का उपयोग, उसकी सामान्य संरचना तथा हेड टैग के अन्तर्गत कौन सी चीजों को रखा जाता है के बारे में पढा । पिछले लेख में हमने हेड सेक्सन के अन्तर्गत रखी जाने वाली 6 चीजों के बारे में जाना । अब हम इन छहों एलीमेन्ट्स के बारे में विस्तार से जानेंगे ।
<meta name="description" content="Free html tutorial in hindi" >
मेटा टैग हेड सेक्सन का एक महत्वपूर्ण भाग है जो पेज का विभिन्न दृष्टिकोण से परिचय प्रदान करता है । इसके अन्तर्गत निम्न कार्य व व्यवहार किये जाते हैं -
keywords -
यह मेटासेट गूगल जैसे सर्च इंजन्स के सर्च करने के लिये आपके वेबसाइट के कान्टेन्ट (विषय) को डिफाइन करता है । जैसे यदि आपकी वेबसाइट एचटीएमएल सिखाने के लिये है तो आपका मेटा टैग डिस्क्रिप्शन होगा कीवर्ड तथा कान्टेन्ट होगा एचटीएमएल इन हिन्दी ।
description -
डिस्क्रिप्शन मेटासेट आपके पृष्ठ का पूरा परिचय है जो सर्चइन्जन्स पर दिखता है । याद रहे कीवर्ड मेटाडेटा को पढकर सर्चइन्जन आपके पेज को दिखाता है किन्तु पेज दिखाते समय जो डिस्क्रिप्शन दिखाई देता है वह इस मेटा टैग के अन्दर सेट किया जाता है ।
author -
यह मेटाडेटा पेज के लेखक का परिचय प्रदान करती है । इसमें मेटानेम आथर तथा कान्टेन्ट मे आथर का नाम लिखा जाता है ।
refresh -
यह मेटाटैग आपके पेज को रिफ्रेश करता है । अर्थात् एक निश्चित समय पर आपके पेज का कान्टेन्ट अपने आप ही रिफ्रेश हो जाता है । इस मेटाटैग का प्रयोग प्राय: समाचार वेबसाइट्स, ट्विटर या फेसबुक जैसी सोशल नेटवर्किंग वेबसाइट्स करती हैं जिनके पृष्ठों पर प्रतिसेकेन्ड अपडेशन होता ही रहता है ।
charset -
यह मेटाटैग आपके पृष्ठ के कान्टेन्ट की भाषा सेट करता है । यदि आपका वेबसाइट हिन्दी भाषा में है तो आपकी वेबसाइट पर हिन्दी दिखाई देने के लिये आपका चारसेट कान्टेन्ट utf-8 सेट होना चाहिये ।
मेटा के विषय में पूरे विस्तार से हम आगे पढेंगे ।
<link rel="stylesheet" href="mycss.css">
लिंक एलीमेण्ट बाहरी स्टाइलशीट को आपके पेज से लिंक करने के लिये प्रयोग किया जाता है । इसका प्रयोग आपके पेज की कोडिंग को बोझिल और बहुत लंबी होने से रोकता है । आप का सारा सीएसएस कोड एक अलग पेज में होता है जो एचटीएमएल पेज पर लिंक कर दिया जाता है । इसके विषय में विस्तार से सीएसएस के ट्यूटोरियल में जानेंगे ।
<style>body {background:yellow; font-family:kokila, aprajita;}; </style>
स्टाइल एलीमेण्ट आपके पेज को स्टाइल करने के लिये प्रयुक्त किया जाता है । ओपिनिंग और क्लोजिंग स्टाइल टैग के बीच में सीएसएस कोड लिखे जाते हैं जो आपके पेज के विभिन्न विभागों को अलग अलग स्टाइल प्रदान करते हैं । पेज डिजाइन करते समय हम इसका बखूबी प्रयोग देखेंगे ।
<script>function myFun{document.getElementById("Demo").innerHTML = "hello Friend"; }</script>
स्क्रिप्ट एलीमेण्ट का प्रयोग जावास्क्रिप्ट को लिखने के लिये किया जाता है । जावास्क्रिप्ट एक अत्यधिक आकर्षक व बेहतरीन भाषा है जो पेज को डायनॉमिक बनाने में सहायता करती है । इसका प्रयोग हम जावास्क्रिप्ट ट्यूटोरियल में सीखेंगे ।
<base href="http://sikho.blogspot.com/image/">
बेस एलीमेण्ट का प्रयोग पृष्ठ के सभी चित्र या लिंक का बेस (आधार) डिफाइन करने के लिये किया जाता है । इस एलीमेण्ट के प्रयोग से पेज पर दिखने वाले सभी चित्रों का बेस निश्चित कर दिया जाता है ।
<title>My First HTML Page</title>
टाइटिल के विषय में हम पहले ही बात कर चुके हैं । फिर भी विषय की अनिवार्यता के कारण इसका संक्षिप्त परिचय दिया जा रहा है । टाइटिल एलीमेण्ट का प्रयोग आपके एचटीएमएल पेज की टाइटिल सेट करने के लिये किया जाता है । यह टाइटिल आपको पेज में नहीं दिखता किन्तु आपके वेब ब्राउजर के उपरी भाग पर दिखता है । कई सारे टैब एक ही समय में वेब ब्राउजर पर खुले होने की दशा में यह हमें सभी पेजेस को बिना खोले ही उसकी जानकारी प्रदान कर देता है ।
Html ke kis code se video joda jata h
ReplyDelete