Skip to main content

ए‍चटीएमएल हेड सेक्‍सन (मेटा, लिंक, स्क्रिप्‍ट, स्‍टाइल, बेस, टाइटिल) परिचय ।




     अबतक हमने एचटीएमएल का उपयोग, उसकी सामान्‍य संरचना तथा हेड टैग के अन्‍तर्गत कौन सी चीजों को रखा जाता है के बारे में पढा । पिछले लेख में हमने हेड सेक्‍सन के अन्‍तर्गत रखी जाने वाली 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> 

टाइटिल के विषय में हम पहले ही बात कर चुके हैं । फिर भी विषय की अनिवार्यता के कारण इसका संक्षिप्‍त परिचय दिया जा रहा है । टाइटिल एलीमेण्‍ट का प्रयोग आपके एचटीएमएल पेज की टाइटिल सेट करने के लिये किया जाता है । यह टाइटिल आपको पेज में नहीं दिखता किन्‍तु आपके वेब ब्राउजर के उपरी भाग पर दिखता है । कई सारे टैब एक ही समय में वेब ब्राउजर पर खुले होने की दशा में यह हमें सभी पेजेस को बिना खोले ही उसकी जानकारी प्रदान कर देता है ।

Comments

Post a Comment

Popular posts from this blog

सीएसएस का प्रयोग (How to Use CSS)

     सीएसएस का प्रयोग अत्‍यन्‍त सरल है । सीएसएस का प्रयोग आपका बहुत सारा समय व आपकी बहुत सारी मेहनत बचाने के साथ ही साथ आपके पेज को बेहतरीन सुन्‍दरता प्रदान करता है । इसके प्रयोग की तीन विधियाँ हैं । ये तीनों ही विधियाँ प्रयोज्य हैं अर्थात् इनमें से किसी भी विधि का प्रयोग आपको वांछित परिणाम प्रदान कर सकता है । सीएसएस प्रयोग विधि सीएसएस का प्रयोग निम्‍नलिखित तीन विधियों से किया जा सकता है । सीएसएस को एक अलग सीएसएस फाइल में लिखकर उसे एचटीएमएल पेज से लिंक करना । सीएसएस को एचटीएमएल पेज के हेड सेक्‍सन के अन्‍तर्गत स्‍टाइल टैग के अन्‍दर लिखना । सीएसएस को किसी भी टैग या एलीमेण्‍ट के अन्‍दर सीधे लिखना । सीएसएस का बाह्य प्रयोग -       सीएसएस को बाहर से लिंक करना सबसे बेहतरीन तरीका है । इस तरीके से आपकी कोडिंग फाइल बहुत बोझिल और बडी होने से बच जाती है । यदि हमें एक बहुत सारे ब्‍लाक्‍स का पेज बनाना है और हम हर ब्‍लाक को अलग अलग रंगों व तरीकों से सजाते हैं तो निश्चित ही हमारे पेज की कोडिंग फाइल बहुत बडी हो जायेगी जिसे सुधार कर...

एचटीएमएल संरचना ।

पिछले पाठ में हमने एचटीएमएल का एक प्रारूप देखा । यहाँ पर उस प्रारूप की व्‍याख्‍या की जायेगी । इस अध्‍याय को लिखते समय हम यह मानकर चल रहे हैं कि वेबडिजाइनिंग सीखने की इच्‍छा रखने वाले को सामान्‍य कम्‍प्‍यूटर ज्ञान जैसे कि कम्‍प्‍यूटर की कोई फाइल या फोल्‍डर खोलना, बन्‍द करना, किसी प्रोग्राम को खोलना, नया फोल्‍डर बनाना, किसी फाइल को खोलना, उसपर काम करना, उसे सेव करना तथा डिलीट करना आदि । इसलिये हम इन सभी बातों को बताने की अपेक्षा सीधे एचटीएमएल की तरफ चलते हैं । एचटीएमएल का फुलफार्म - HTML = Hyper Text Markup Language एचटीएमएल संरचना - पिछले पाठ में हमने निम्‍न कोडिंग का प्रयोग किया था । <!DOCTYPE HTML> <html> <head> <title>My First Html Page</title> </head> <body> Hello World </body> </html> अब इस कोडिंग की पूरी व्‍याख्‍या यहाँ प्रस्‍तुत की जा रही है ताकि आप एचटीएमएल को पूरी तरह समझ सकें । यह ध्‍यान रखें कि एचटीएमएल वेबपेज बनाने का सर्वप्रथम सोपान है, बिना इसके सीखे आप वेबपेज नही बना सकते हैं । <!DOCTYPE ...

एजाक्‍स तकनीकि - एजाक्‍स सीखें हिन्‍दी में ।

एजाक्‍स कोई स्‍वतन्‍त्र तकनीकि नहीं अपितु अन्‍तर्सम्‍बन्धित तकनीकों का वर्ग है । एजाक्‍स के अन्‍तर्गत मुख्‍य रूप से निम्‍न तकनीकि (भाषाएं) रखी जा सकती हैं । एचटीएमएल सीएसएस एक्‍सएमएल जेएसऑन जावास्क्रिप्‍ट XMLHttpRequest आब्‍जेक्‍ट की प्रापर्टीज  - onReadyStateChange - जब भी रेडीस्‍टेट बदलता है तो इसे कॉल किया जाता है । इसे synchronous requests के साथ प्रयोग नहीं करना चाहिए । readyState - यह विभिन्‍न कार्यों को सम्‍पादित करने के लिये प्रयुक्‍त होता है । इसे सोपान क्रम में UNOPENED, OPENED, HEADERS_RECEIVED, LOADING, DONE तरह रखा जा सकता है । reponseText - रिस्‍पान्‍स को टेक्‍स्‍ट के रूप में प्रकट करता है । responseXML - रिस्‍पान्‍स को एक्‍सएमएल के रूप में प्रकट करता है । XMLHttpRequest आब्‍जेक्‍ट के महत्‍वपूर्ण मेथड - void open(method, URL) - अनुरोध को गेट अथवा पोस्‍ट मेथड के आधार पर दिये हुए यूआरएल को भेजता है । void open(method, URL, async) - उपयुक्‍त की ही भॉंति इसका भी कार्य है केवल asynchronous है या नहीं इसका विवरण भी देता है । void open(method, ...