HTML DOM Section Object

HTML DOM Section Object HTML दस्तावेज़ में <section> एलिमेंट को दर्शाता है। <section> एलिमेंट दस्तावेज़ में एक सामान्य खंड (section) को परिभाषित करता है, आमतौर पर एक शीर्षक के साथ।

Section Object बनाना

document.createElement("SECTION");

उदाहरण

JavaScript का उपयोग करके डायनामिकली सेक्शन एलिमेंट बनाना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #fff; color: #0197F6; }
  h1 { color: #23CE6B; }
  .btn {
    background-color: #fff;
    border: 1.5px dashed #0197F6;
    height: 2rem;
    border-radius: 2px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #0197F6;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM Section Object Demo</h1>
<button onclick="createSection()" class="btn">एक सेक्शन ऑब्जेक्ट बनाएं</button>
<script>
  function createSection() {
    var sectionElement = document.createElement("SECTION");
    sectionElement.innerHTML = "<p>नमस्ते! मैं HTML में एक <section> एलिमेंट हूँ</p>";
    document.body.appendChild(sectionElement);
  }
</script>
</body>
</html>

आउटपुट

"एक सेक्शन ऑब्जेक्ट बनाएं" बटन पर क्लिक करने पर एक नया <section> एलिमेंट बनेगा जिसमें टेक्स्ट "नमस्ते! मैं HTML में एक <section> एलिमेंट हूँ" होगा।

मुख्य बिंदु

<section> सिमेंटिक HTML5 एलिमेंट है जो विषयगत सामग्री का समूह दर्शाता है
आमतौर पर इसमें एक शीर्षक (<h1>-<h6>) होता है
document.createElement("SECTION") से डायनामिकली बना सकते हैं
सेक्शन एलिमेंट के कोई विशेष properties/methods नहीं हैं - यह HTMLElement से विरासत में मिलता है
एक्सेसिबिलिटी और SEO के लिए सिमेंटिक एलिमेंट्स (<section>, <article>, <aside>) का उपयोग करें