HTML में कंटेंट एट्रिब्यूट की जानकारी के लिए HTTP हेडर कैसे प्राप्त करें?

http-equiv एट्रिब्यूट

http-equiv एट्रिब्यूट HTML <meta> तत्व के साथ उपयोग किया जाता है ताकि HTTP रिस्पॉन्स हेडर्स का अनुकरण किया जा सके। यह सर्वर-साइड हेडर सेट करने में असमर्थ होने पर (जैसे स्टैटिक होस्टिंग पर) उपयोगी होता है।

सामान्य http-equiv मान

थ>मान थ>समतुल्य HTTP हेडर थ>उद्देश्य

`refresh`	`Refresh`	पेज रीफ्रेश या रीडायरेक्ट
`content-type`	`Content-Type`	MIME प्रकार और चार्सेट (HTML5 में `<meta charset>` पसंद करें)
`default-style`	-	पसंदीदा स्टाइलशीट सेट करें
`x-ua-compatible`	`X-UA-Compatible`	IE रेंडरिंग मोड (विरासत)
`content-security-policy`	`Content-Security-Policy`	CSP नीति (मेटा में सीमित समर्थन)
`cache-control`	`Cache-Control`	कैशिंग निर्देश (सीमित समर्थन)

उदाहरण

<!DOCTYPE html>
<html>
<head>
    <title>HTML http-equiv एट्रिब्यूट</title>
    <meta name="keywords" content="HTML, मेटा टैग, मेटाडेटा">
    <meta name="description" content="दस्तावेज़ का विवरण">
    
    <!-- 10 सेकंड बाद पेज रीफ्रेश करें -->
    <meta http-equiv="refresh" content="10">
    
    <!-- 5 सेकंड बाद दूसरे URL पर रीडायरेक्ट -->
    <!-- <meta http-equiv="refresh" content="5;url=https://example.com/"> -->
    
    <!-- चार्सेट (HTML5 तरीका पसंद करें) -->
    <meta charset="UTF-8">
    <!-- पुराना तरीका: <meta http-equiv="content-type" content="text/html; charset=UTF-8"> -->
</head>
<body style="background-color:gray">
    <p>दस्तावेज़ सामग्री यहाँ जाती है</p>
    <p><small>यह पेज 10 सेकंड में रीफ्रेश होगा।</small></p>
</body>
</html>

Refresh के साथ रीडायरेक्ट

<!-- तत्काल रीडायरेक्ट -->
<meta http-equiv="refresh" content="0;url=https://newsite.com/">

<!-- देरी के साथ रीडायरेक्ट और संदेश -->
<meta http-equiv="refresh" content="3;url=https://example.com/">
<p>आपको 3 सेकंड में रीडायरेक्ट किया जाएगा...</p>

सीमाएँ और सर्वोत्तम प्रथाएँ

⚠️ महत्वपूर्ण सीमाएँ

सर्वर हेडर्स प्राथमिकता लेते हैं: यदि सर्वर समान हेडर भेजता है, तो मेटा टैग नजरअंदाज किया जाता है
सभी हेडर्स समर्थित नहीं: कई सुरक्षा हेडर्स (HSTS, CSP पूर्ण, आदि) मेटा के माध्यम से सेट नहीं किए जा सकते
प्रदर्शन: ब्राउज़र को HTML पार्स करना पड़ता है हेडर लागू करने से पहले
SEO: सर्च इंजन मेटा रीफ्रेश रीडायरेक्ट को नापसंद करते हैं; 3xx सर्वर रीडायरेक्ट पसंद करें

सर्वर-साइड विकल्प (पसंदीदा)

// Node.js/Express उदाहरण
app.use((req, res, next) => {
    res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
    res.setHeader('X-Content-Type-Options', 'nosniff');
    res.setHeader('X-Frame-Options', 'DENY');
    next();
});

// Apache .htaccess
Header set Cache-Control "no-cache, no-store, must-revalidate"
Header set X-Content-Type-Options "nosniff"

# Nginx
add_header Cache-Control "no-cache, no-store, must-revalidate";
add_header X-Content-Type-Options "nosniff";

Content-Security-Policy मेटा में

<meta http-equiv="Content-Security-Policy" 
      content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:">

नोट: मेटा टैग में CSP के लिए report-uri, frame-ancestors, sandbox निर्देश काम नहीं करते।