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

क्या नए HTML5 एलिमेंट्स जैसे <section> और <article> बेकार हैं?

सिमेंटिक एलिमेंट्स का मूल्य

<section> और <article> एलिमेंट्स स्क्रीन रीडर्स के लिए उपयोगी हैं और नेत्रहीन उपयोगकर्ताओं को आपके वेब पेज की सामग्री पढ़ने में मदद करते हैं। ये ईबुक रीडर्स के लिए भी फायदेमंद हैं।

<section> के साथ काम करना

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Section Tag</title>
  </head>
  <body>
    <section>
      <h1>Java</h1>
      <h3>Inheritance</h3>
      <p>Inheritance defines the relationship between superclass and subclass.</p>
    </section>
  </body>
</html>

<article> के साथ काम करना

<!DOCTYPE html>
<html>
  <body>
    <main>
      <h1>Learning</h1>
      <p>Learn to gain experience and try to share your knowledge with others.</p>
      <article>
        <h3>Web Development Tutorials</h3>
        <p>Consist of CSS, HTML, and PHP tutorials for 2nd Semester exams.</p>
      </article>
      <article>
        <h3>Academic Tutorials</h3>
        <p>Consist of Computer Fundamental, Computer Network tutorials for 1st Semester exams.</p>
      </article>
    </main>
  </body>
</html>

ये एलिमेंट्स सार्थक दस्तावेज़ संरचना और पहुंच प्रदान करते हैं।

  1. जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना

    HTML टैग्स को हटाने और जोड़ने के लिए, hide() और show() की अवधारणा का उपयोग करें।मान लीजिए निम्नलिखित हमारे बटन हैं -Click Me To hide above content Click Me To show above content बटन क्लिक पर टैग्स को हटाने और जोड़ने के लिए, hie() और show() का उपयोग करें -$(document).ready(function(){ $(#hide).click

  1. SAPUI5 में स्टैटिक HTML एलिमेंट्स सीधे लिखे जाते हैं SAPUI5 में स्टैटिक HTML एलिमेंट्स सीधे लिखे जाते हैं

    परिचय SAPUI5 डेवलपर्स को UI5 कंट्रोल्स के साथ कुछ क्षेत्रों में अपने स्वयं के स्टैटिक HTML एलिमेंट्स का उपयोग करने की अनुमति देता है। यह एक क्लोज्ड फ्रेमवर्क नहीं है और आपको sap.ui.core.HTML कंट्रोल का उपयोग करके UI5 द्वारा रेंडर किए गए क्षेत्र के भीतर किसी भी मात्रा में प्लेन HTML लिखने की अनुमति

  1. HTML ब्लॉक और इनलाइन एलिमेंट्स HTML ब्लॉक और इनलाइन एलिमेंट्स

    ब्लॉक एलिमेंट्स ब्लॉक एलिमेंट्स स्क्रीन पर ऐसे दिखाई देते हैं जैसे उनके पहले और बाद में एक लाइन ब्रेक हो। वे उपलब्ध पूरी चौड़ाई भी लेते हैं। कुछ ब्लॉक एलिमेंट्स में शामिल हैं: <h1> से <h6>, <article>, <aside>, <p>, <pre>, <ul>, <ol>, <address>, आ