परिणाम केवल जानकारी के उद्देश्य से दिए गए हैं और उनमें त्रुटियाँ हो सकती हैं। महत्वपूर्ण जानकारी की स्वतंत्र रूप से पुष्टि करें। इस टूल का उपयोग आपके अपने जोखिम पर है।
यह टूल क्या करता है
HTML बॉयलरप्लेट जेनरेटर HTML5 पेज का शुरुआती ढाँचा लिखता है: <!DOCTYPE html> डिक्लेरेशन, lang एट्रिब्यूट वाला <html> एलिमेंट, UTF-8 charset और पेज टाइटल वाला <head>, और एक हेडिंग वाला <body>। टाइटल या भाषा बदलें, कोड तुरंत अपडेट हो जाता है।
तीन विकल्प डिफ़ॉल्ट रूप से चालू होते हैं और बंद किए जा सकते हैं: रिस्पॉन्सिव viewport मेटा टैग (फ़ोन पर पेज सही दिखने के लिए ज़रूरी), style.css का लिंक, और defer एट्रिब्यूट के साथ script.js टैग, जो स्क्रिप्ट को साथ-साथ डाउनलोड करता है और पेज पार्स होने के बाद चलाता है। टाइटल और भाषा एस्केप किए जाते हैं, इसलिए & या < जैसे अक्षर सुरक्षित हैं।
कब इस्तेमाल करें
- कोई प्रोटोटाइप, डेमो या बग रिप्रोडक्शन शुरू करते समय, जिसके लिए साफ़ HTML फ़ाइल चाहिए।
- किसी वैध HTML5 पेज की न्यूनतम संरचना सिखाते समय।
- फ़्रेमवर्क जोड़ने से पहले एक स्टैटिक लैंडिंग पेज बनाते समय।
- मेटा टैग जेनरेटर से SEO टैग जोड़ने से पहले यह देखते समय कि पेज में कौन-से head टैग होने चाहिए।
उदाहरण
इनपुट
पेज टाइटल: My Page
भाषा कोड: en
Viewport, style.css और script.js चालूआउटपुट
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>My Page</h1>
<script src="script.js" defer></script>
</body>
</html>इस टूल के बारे में सवाल
lang एट्रिब्यूट क्यों मायने रखता है?
स्क्रीन रीडर इससे सही उच्चारण चुनते हैं, ब्राउज़र इसके आधार पर अनुवाद की पेशकश करते हैं, और सर्च इंजन इसे भाषा के संकेत के रूप में इस्तेमाल करते हैं। इसे सामग्री की मुख्य भाषा पर सेट करें, जैसे en, fr या he।
viewport मेटा टैग क्या करता है?
इसके बिना मोबाइल ब्राउज़र पेज को ऐसे रेंडर करते हैं मानो स्क्रीन लगभग 980px चौड़ी हो, और फिर उसे छोटा कर देते हैं, जिससे टेक्स्ट बहुत बारीक हो जाता है। width=device-width, initial-scale=1.0 उन्हें स्क्रीन की असली चौड़ाई इस्तेमाल करने को कहता है।
स्क्रिप्ट defer के साथ क्यों रखी गई है?
defer की वजह से ब्राउज़र स्क्रिप्ट डाउनलोड होते समय HTML पार्स करता रहता है और डॉक्यूमेंट तैयार होने पर उसे चलाता है। इससे पेज ब्लॉक नहीं होता और आपकी स्क्रिप्ट बेफ़िक्र होकर एलिमेंट ढूँढ सकती है।
इसके बाद क्या जोड़ना चाहिए?
एक मेटा विवरण और सोशल प्रीव्यू टैग। मेटा टैग जेनरेटर और Open Graph टैग जेनरेटर ये टैग बनाते हैं, और साइट लाइव होने पर Robots.txt जेनरेटर काम आता है।
क्या यह टूल मुफ़्त है?
हाँ, यह मुफ़्त है। पंजीकरण या ईमेल की ज़रूरत नहीं। परिणाम इसी पेज पर मिलता है।
मेरा परिणाम कहाँ मिलेगा?
इसी पेज पर टूल का उपयोग करें। परिणाम यहीं दिखता है, ईमेल से प्राप्त करने की ज़रूरत नहीं है।