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

HTML data एट्रिब्यूट: ऑब्जेक्ट रिसोर्स URL

<object> data एट्रिब्यूट

data एट्रिब्यूट <object> एलिमेंट द्वारा उपयोग किए जाने वाले संसाधन (resource) का URL निर्दिष्ट करता है। यह संसाधन ऑडियो, वीडियो, PDF, फ्लैश (SWF), इमेज, या अन्य एम्बेडेड कंटेंट हो सकता है।

सिंटैक्स

<object data="URL"></object>

उदाहरण: फ्लैश एप्लिकेशन एम्बेड करना

<!DOCTYPE html>
<html>
<body>
  <h2>CSS प्रदर्शन एप्लिकेशन</h2>
  <object data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" 
          height="400" width="600"></object>
</body>
</html>

आउटपुट

निर्दिष्ट आयामों में फ्लैश (SWF) एप्लिकेशन एम्बेडेड।

कोड व्याख्या

<object data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" 
        height="400" width="600"></object>

बाहरी संसाधन URL:

https://www.tutorialspoint.com/flex/samples/CSSApplication.swf

<object> vs <embed> vs <iframe>

टैग उपयोग फॉलबैक कंटेंट
<object>विभिन्न मीडिया प्रकार, पैरामीटर्स सपोर्टहाँ (बच्चे नोड्स)
<embed>सरल एम्बेडिंग, कोई फॉलबैक नहींनहीं
<iframe>पूरा HTML दस्तावेज़ एम्बेडनहीं

<object> के साथ फॉलबैक

<object data="movie.mp4" type="video/mp4" width="640" height="360">
  <!-- फॉलबैक: ब्राउज़र वीडियो न चला सके तो -->
  <object data="movie.swf" type="application/x-shockwave-flash">
    <p>आपका ब्राउज़र वीडियो प्लेबैक सपोर्ट नहीं करता।</p>
  </object>
</object>

नोट

फ्लैश (SWF) अब अप्रचलित है। आधुनिक वेब में वीडियो के लिए <video>, ऑडियो के लिए <audio>, इमेज के लिए <img>, दस्तावेज़ के लिए <iframe> या <embed> (PDF) उपयोग करें।

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

    परिचय HTML multiple एट्रिब्यूट उपयोगकर्ता को एक से अधिक मान चुनने/दर्ज करने की अनुमति देता है। यह केवल <input> या <select> HTML एलिमेंट पर लागू होता है। सिंटैक्स <tagname multiple></tagname> उदाहरण <!DOCTYPE html> <html> <style> body { color: #000;

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

    परिचय HTML value एट्रिब्यूट HTML दस्तावेज़ में एक HTML एलिमेंट के प्रारंभिक मान को परिभाषित करता है। इसे button, input, meter, li, option, progress और param HTML एलिमेंट्स पर लागू किया जा सकता है। सिंटैक्स <tagname value=text></tagname> उदाहरण <!DOCTYPE html> <html> <sty

  1. HTML DOM Object data प्रॉपर्टी HTML DOM Object data प्रॉपर्टी

    परिचय HTML DOM Object data प्रॉपर्टी data एट्रिब्यूट के मान से संबंधित एक स्ट्रिंग लौटाती है। सिंटैक्स स्ट्रिंग मान वापस करना: ObjectElement.data data प्रॉपर्टी को स्ट्रिंग मान पर सेट करना: ObjectElement.data = URLString उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM