HTML ELEMENTS
एचटीएमएल (HTML) एलिमेंट्स start tag से शुरू होकर end tag पर बंद होता हैं। जिसके बीच में कंटेंट लिखा होता हैं। जो हम वेब ब्राउज़र पर दिखाना चाहते हैं। start tag और end tag एक जैसे होना चाहिए और end tag लिखने के पहले फॉरवर्ड स्लैश लगाना जरुरी हैं।
syntax:- <tagname>Content between tagname </tagname>
एक एचटीएमएल (HTML) एलिमेंट्स तभी एलिमेंट कहलाता हैं जब उसमे टैगनेम के बीच में कंटेंट लिखा हो अन्यथा वह केवल टैगनेम कहलाता हैं। एचटीएमएल (HTML) एलिमेंट का उदाहरण नीचे दिया गया हैं।
<p>This is Coding Hindi Website</p>
<h1>You are learning on Coding Hindi Website</h1>
HTML EMPTY ELEMENTS
वह एचटीएमएल (HTML) एलिमेंट्स जिनके बीच कोई कंटेंट नहीं लिखा जाता हैं। उसे Empty Elements कहते हैं। Empty Elements का end tag नहीं होता हैं। उदाहरण के लिए :- <br> टैग जो लाइन ब्रेक का काम करता हैं। और <hr> जो horizontal line को प्रदर्शित करता हैं।
Empty Elements को हम इस तरह से क्लोज कर सकते हैं। उदाहरण के लिए - <br /> <hr /> - एचटीएमएल (HTML) 5 डॉक्यूमेंट में empty elements को क्लोज करने की आवश्यकता नहीं हैं। पर यदि आप स्ट्रिक्टर वेलिडेशन करते हैं और आप अपने डॉक्यूमेंट को XML parser द्वारा पढ़ने योग्य बनाना चाहते हैं तो ये जरुरी होता हैं कि आपके एचटीएमएल (HTML) कोड के सभी एलिमेंट्स पूरी तरह से क्लोज हो।
NESTED HTML ELEMENTS
एक एचटीएमएल (HTML) डॉक्यूमेंट NESTED ELEMENTS से मिलकर बना होता हैं। NESTED ELEMENTS का मतलब सरल शद्बों में एक एलिमेंट्स के अंदर किसी अन्य एलिमेंट का होना। नीचे दिए हुए उदाहरण में एचटीएमएल (HTML) एक रुट एलिमेंट हैं जिसके अंदर दो एलिमेंट्स शामिल हैं <head> और <body> , एक एलिमेंट्स के अंदर दूसरे एलिमेंट्स का होना ही NESTED ELEMENTS कहलाता हैं। <!doctype html> यह डॉक्यूमेंट का प्रकार बताता हैं कि आपका डॉक्यूमेंट एचटीएमएल (HTML) 5 version में बना हुआ हैं।
<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html>
DO Not Forget The End Tag
एचटीएमएल (HTML) एलिमेंट्स के कुछ एलिमेंट ब्राउज़र में सही दिखाई देते हैं अगर आप इन एलिमेंट्स के end tag को नहीं लगाते हैं। नीचे दिए हुआ उदाहरण देखे। अगर आप एचटीएमएल (HTML) कोड को टेक्स्ट एडिटर में कुछ इस तरह लिखेंगे तो भी ये आपको सही रिजल्ट ब्राउज़र में दिखायेगा। लेकिन हम सिफारिश करते हैं कि आप इसे उपयोग न करे। क्यूँकि ये कभी भी आपके कोड में एरर दिखा सकता हैं. हमेशा एलिमेंट्स को end tag से क्लोज करे।
<p>This is Coding Hindi Website - Never Use
<p>This is Coding Hindi Website</p> - Recommend Syntax
Use Lowercase Tags
एचटीएमएल (HTML) टैग्स case-sensitive नहीं हैं case-sensitive का मतलब <P> same meaning as </p>. एचटीएमएल (HTML) 5 मे जरुरी नहीं हैं की हम Lowercase Tags का उपयोग करे लेकिन W3C Recommend करता हैं कि आप एचटीएमएल (HTML) में टैग्स को Lowercase में लिखे। ये आपके ऊपर निर्भर करता हैं कि आप इसे जैसे चाहे वैसे इस्तेमाल कर सकते हैं। स्ट्रिक्टर वेलिडेशन भी Lowercase Tags को ज्यादा प्राथमिकता देता हैं।
No comments:
Post a Comment