एचटीएमएल डोम मेटा ऑब्जेक्ट

<घंटा/>

HTML में HTML DOM मेटा ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

एक <मेटा> बनाना तत्व

var metaObject = document.createElement(“META”)

गुण

यहां, “मेटाऑब्जेक्ट” निम्नलिखित संग्रह और गुण हो सकते हैं -

संपत्ति <वें शैली ="चौड़ाई:84.8299%; पाठ-संरेखण:केंद्र;">विवरण
Content	यह की सामग्री विशेषता का मान सेट/रिटर्न करता है तत्त्व
httpEquiv	यह की सामग्री विशेषता में जानकारी के लिए HTTP शीर्षलेख सेट/रिटर्न करता है तत्त्व
नाम	यह की सामग्री विशेषता में जानकारी के लिए एक नाम सेट/रिटर्न करता है तत्त्व
योजना	यह सेट/रिटर्न करता है कि सामग्री विशेषता के मूल्य की व्याख्या कैसे की जानी चाहिए, लेकिन यह HTML5 में समर्थित नहीं है

उदाहरण

आइए HTML DOM मेटा के लिए एक उदाहरण देखें तत्व -

<!DOCTYPE html>
<html>
<head>
<title>Meta Object</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Meta-Object</legend>
<h2>Tutorial</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<input type="button" onclick="createMeta()" value="Create Meta Tag">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   function createMeta(){
      var metaTag = document.createElement('META');
      metaTag.setAttribute("name", "tutorialsContent");
      metaTag.setAttribute("content", "JS tutorials");
      document.head.appendChild(metaTag);
      divDisplay.textContent = '<meta name="'+metaTag.name+'" content="'+metaTag.content+'" >';
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘मेटा टैग बनाएं’ clicking क्लिक करने से पहले बटन -

एचटीएमएल डोम मेटा ऑब्जेक्ट

‘मेटा टैग बनाएं’ . क्लिक करने के बाद बटन -

एचटीएमएल डोम मेटा ऑब्जेक्ट