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

HTML <लेख> Element का उपयोग कैसे करें

HTML का उपयोग करना सीखें <article> तत्व।

एचटीएमएल <article> स्व-निहित . के लिए लेख तत्वों को परिभाषित करने के लिए टैग का उपयोग किया जाता है विषय। स्व-निहित का मतलब है कि आपके द्वारा किसी लेख तत्व के अंदर रखी गई सामग्री को आपकी बाकी वेबसाइट से स्वतंत्र रूप से काम करना चाहिए।

HTML <लेख> टैग का उपयोग कैसे करें

<article> . के लिए मामलों का उपयोग करें टैग:

  • ब्लॉग
  • पत्रिकाएं
  • समाचार साइटें

<main> के विपरीत तत्व, जो एक सामग्री कंटेनर भी है, <article> टैग को एक ही HTML दस्तावेज़ में एक या कई बार उपयोग किया जा सकता है।

उदाहरण के लिए, आप एक <article> . का उपयोग कर सकते हैं लेख/पोस्ट के लिए मुख्य पृष्ठ कंटेनर तत्व के रूप में तत्व:

<article>
  <h1>Title of your post</h1>
  <p>Paragraph</p>
  <p>Paragraph</p>
  <img href="your-image.jpg" alt="description of image" />
  <p>Paragraph</p>
  <p>Paragraph</p>
</article>

जिस वेबसाइट पर आप दाईं ओर पढ़ रहे हैं, वह एक समान HTML मार्कअप संरचना का अनुसरण करती है। यदि आप इस वेबसाइट पर राइट-क्लिक करते हैं और निरीक्षण . पर क्लिक करते हैं, तो आप इसे स्वयं देख सकते हैं

<article> तत्व का उपयोग विभिन्न सामग्री की सूची प्रदर्शित करने के लिए भी किया जा सकता है, प्रत्येक अपने स्वयं के लेख तत्व के अंदर। उदाहरण के लिए, एक लेख अलग-अलग पोस्ट के लिंक के साथ फ़ीड करता है:

<div>
  <article>
    <a href="/path-to-blog-post-1">
      <h3>Blog post 1</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-2">
      <h3>Blog post 2</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-3">
      <h3>Blog post 3</h3>
    </a>
  </article>
</div>

ऊपर दिए गए तीन लेखों में से प्रत्येक को वेब ब्राउज़र द्वारा स्वतंत्र, स्व-निहित सामग्री के रूप में पढ़ा जाता है।

<article> टैग कंटेनर तत्वों को परिभाषित करने के लिए उपयोग किए जाने वाले कई HTML टैग्स में से एक है। सबसे अधिक उपयोग किए जाने वाले HTML कंटेनर तत्वों में से कुछ हैं:

<section> , <main> , <header> , <footer> ,<form> , और <div> (जो एक सामान्य टैग है जिसका उपयोग हम तब करते हैं जब कोई अन्य टैग लागू नहीं होता है)।


  1. HTML <शीर्षक> तत्व का उपयोग कैसे करें

    HTML <title> . का उपयोग करना सीखें तत्व। एचटीएमएल <title> तत्व आपकी वेबसाइट के पृष्ठ शीर्षक का प्रतिनिधित्व करता है। आप जिस भी वेबसाइट पर हैं उसका पृष्ठ शीर्षक देखने के लिए, अपने माउस को ब्राउज़र पृष्ठ टैब पर ले जाएँ और अपने माउस को कुछ सेकंड के लिए उस पर स्थिर रखें, फिर आप पूरे पृष्ठ

  1. HTML में आवश्यक विशेषता का उपयोग कैसे करें?

    HTML में आवश्यक विशेषता का उपयोग किया जाता है o यह निर्दिष्ट करें कि प्रपत्र जमा करने से पहले तत्व को भरा जाना चाहिए। यदि फ़ील्ड नहीं भरी जाती है और सबमिट बटन पर क्लिक किया जाता है, तो एक त्रुटि उत्पन्न होती है, जो फॉर्म जमा करने में विफल हो जाती है। त्रुटि कृपया इस फ़ील्ड को भरें होगी। आवश्यक विशेष

  1. HTML में एलिमेंट की वैल्यू कैसे जोड़ें?

    मान का प्रयोग करें HTML में तत्व का मान जोड़ने के लिए विशेषता। यह निम्नलिखित तत्वों के साथ काम करता है - , , , , , , । उदाहरण value . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <head