Web किस्म - महत्वपूर्ण HTML एलिमेंट

पिछला पृष्ठ Web मानक
अगला पृष्ठ स्टाइलशीट

वेब गुणवत्ता बढ़ाने के लिए <DOCTYPE>、<title> और <h1> अहम टैग हैं。

<DOCTYPE> एलेंट

Doctype एक "डॉक्यूमेंट टाइप डेक्लेयरेशन" (DTD) के रूप में माना जाता है。

सभी HTML और XHTML पृष्ठ उस HTML संस्करण को निर्दिष्ट करने के लिए <Doctype> एलेंट का उपयोग करना चाहिए。

doctype आप जो HTML संस्करण इस्तेमाल कर रहे हैं को निर्दिष्ट करता है और ब्राउज़र को महत्वपूर्ण जानकारी प्रदान करता है ताकि वह आपके पृष्ठ को तेजी से और एकसमान ढाल सके。

डॉक्यूमेंट टाइप डेक्लेयरेशन भी यह संभव करती है कि वेरीफिकेशन सॉफ्टवेयर पृष्ठ के वाक्यांश की जांच कर सके:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

देखें:HTML <!DOCTYPE> टैग

<title> एलेमेंट

<title> एलेमेंट सबसे महत्वपूर्ण HTML एलेमेंटों में से एक है। इसका मुख्य काम वेबपृष्ठ के सामग्री को वर्णित करना है।

भले ही शीर्षक वेबपृष्ठ के एक दिखाई देने वाले हिस्से नहीं हो, यह वेबसाइट की गुणवत्ता को बढ़ाने के लिए भी महत्वपूर्ण है, क्योंकि यह निम्नलिखित स्थानों पर दिखाई देता है:

सर्च इंजिन सूची
विंडो की शीर्ष-शीर्षक पट्टी
उपयोगकर्ता के बुकमार्क में

शीर्षक को जितना हो सके कम लंबा रखें, और वर्णनीय होना चाहिए।

जब कोई उपयोगकर्ता internet पर वेबसाइट की तलाश करता है, तो अधिकांश सर्च इंजिन सर्च परिणामों में वेबसाइट के शीर्षक को दिखाते हैं। यह सुनिश्चित करें कि शीर्षक वेबपृष्ठ के सामग्री के साथ मेल खाता है। इस तरह उपयोगकर्ता इन लिंक पर क्लिक करके अपनी वेबसाइट पर पहुंचने की संभावना बढ़ती है।

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

जब उपयोगकर्ता आपके वेबसाइट को आग्रह करे, तो वेबपेज का शीर्षक इतिहास फ़ोल्डर (उपयोगकर्ता यह वेबसाइट को अपने फ़ॉवरिट में भी रख सकता है) में संग्रहित होगा।अगले सफल आग्रह के लिए, कृपया यह सुनिश्चित करें कि शीर्षक आपके वेबसाइट को स्पष्ट रूप से वर्णित करता है।

बेहतरीन शीर्षक:

<title>HTML ट्यूटोरियल</title>
<title>XML अरंभ</title>

खराब शीर्षक:

<title>अरंभ</title>
<title>चैप्टर 1</title>
<title>CodeW3C.com एक सुव्यवस्थित, सहज समझने योग्य HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL ट्यूटोरियल, और बहुत सी उदाहरणों और स्रोत कोड के साथ।

देखें:HTML <title> टैग

<h1> एलिमेंट

<h1> एलिमेंट का इस्तेमाल वेबपेज में सर्वोच्च स्तर के शीर्षक के लिए किया जाता है।

क्योंकि कुछ ब्राउज़र डिफ़ॉल्ट रूप से <h1> एलिमेंट को बड़े फ़ॉन्ट में दिखाते हैं, इसलिए कुछ वेब डेवलपर <h2> एलिमेंट को <h1> एलिमेंट के बदले में इस्तेमाल करते हैं ताकि सर्वोच्च स्तर के शीर्षक को दिखायें।इससे पाठक पर कोई असर नहीं पड़ता है, लेकिन वेब डेवलपरों और अन्य सॉफ्टवेयर को 'वेब पेज संरचना को समझने' में मदद करता है।

कृपया यह सुनिश्चित करें कि <h1> को सर्वोच्च स्तर के शीर्षक के लिए इस्तेमाल किया जाए, <h2> और <h3> को निचले स्तर के लिए इस्तेमाल किया जाए।

आपके वेबपेज के निर्माण के लिए इस मॉडल के आधार पर प्रयास करें:

अगर आपको डिफ़ॉल्ट शीर्षक फ़ॉन्ट आकार को पसंद नहीं है, तो आप शैली या स्टाइलशीट का उपयोग करके इसे बदल सकते हैं।

देखें:HTML <h1> - <h6> टैग

पिछला पृष्ठ Web मानक
अगला पृष्ठ स्टाइलशीट

कोर्स सेट

वेब किस्म

चयनीय कोर्स

कोर्स सिफारिश: