Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML lang एट्रिब्यूट

परिचय

HTML lang एट्रिब्यूट HTML एलिमेंट की सामग्री की भाषा को परिभाषित करता है। यह एक ग्लोबल एट्रिब्यूट है, जिसका अर्थ है कि इसे किसी भी HTML एलिमेंट पर उपयोग किया जा सकता है। यह स्क्रीन रीडर, खोज इंजन और ब्राउज़र को पेज की भाषा समझने में मदद करता है।

सिंटैक्स

<tagname lang="value"></tagname>

यहाँ value ISO भाषा कोड को दर्शाता है (जैसे: en अंग्रेजी के लिए, hi हिंदी के लिए, fr फ्रेंच के लिए)।

उदाहरण

<!DOCTYPE html>
<html lang="hi">
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
</style>
<body>
<h1>HTML lang एट्रिब्यूट डेमो</h1>
<p lang="en">This is a paragraph element with some dummy text and lang attribute.</p>
<p lang="hi">यह हिंदी में एक पैराग्राफ है जिसमें lang एट्रिब्यूट है।</p>
</body>
</html>

आउटपुट

पेज पर दो पैराग्राफ दिखाई देंगे - एक अंग्रेजी में (lang="en") और एक हिंदी में (lang="hi")। स्क्रीन रीडर प्रत्येक पैराग्राफ को सही उच्चारण के साथ पढ़ेंगे।

महत्वपूर्ण बिंदु

  • <html> टैग पर lang सेट करके पूरे पेज की भाषा घोषित करें
  • विशिष्ट एलिमेंट्स के लिए अलग भाषा सेट करने के लिए उन एलिमेंट्स पर lang उपयोग करें
  • यह SEO और एक्सेसिबिलिटी के लिए महत्वपूर्ण है
  • ISO 639-1 भाषा कोड का उपयोग करें (दो अक्षर)

सामान्य भाषा कोड

कोडभाषा
enअंग्रेजी
hiहिंदी
esस्पेनिश
frफ्रेंच
deजर्मन
zhचीनी
arअरबी

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।

  1. HTML pattern एट्रिब्यूट: इनपुट वैलिडेशन के लिए रेगुलर एक्सप्रेशन HTML pattern एट्रिब्यूट: इनपुट वैलिडेशन के लिए रेगुलर एक्सप्रेशन

    HTML pattern एट्रिब्यूट एक रेगुलर एक्सप्रेशन (RegExp) निर्दिष्ट करता है जिसका मिलान <input> एलिमेंट के मान से किया जाता है फॉर्म सबमिशन के दौरान। यह कस्टम वैलिडेशन नियमों के लिए शक्तिशाली टूल है जैसे पासवर्ड जटिलता, फोन नंबर प्रारूप, कस्टम आईडी प्रारूप, आदि। सिंटैक्स (Syntax) <input patte

  1. HTML wrap एट्रिब्यूट HTML wrap एट्रिब्यूट

    विवरण HTML wrap एट्रिब्यूट परिभाषित करता है कि फॉर्म सबमिट होने पर टेक्स्ट एरिया में टेक्स्ट कैसे रैप किया जाएगा। सिंटैक्स <textarea wrap=hard | soft></textarea> उदाहरण आइए HTML wrap एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color:

  1. HTML draggable एट्रिब्यूट HTML draggable एट्रिब्यूट

    HTML draggable एट्रिब्यूट HTML DOM draggable एट्रिब्यूट एक बूलियन मान लौटाती/सेट करती है जो निर्दिष्ट करती है कि कोई एलिमेंट ड्रैगेबल है या नहीं। नोट: लिंक्स और इमेजेस डिफ़ॉल्ट रूप से ड्रैगेबल होते हैं। उदाहरण आइए HTML draggable एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> &