YouTip LogoYouTip

Home > HTML > Att Object Data

Att Object Data

📅 2026-06-14 | 📂 HTML
## HTML data Attribute The `data` attribute of the `` tag is used to specify the URL of the resource to be embedded by the object. This resource can be an image, a media file, a PDF, an interactive Java applet, or any other external resource that the browser can render. --- ## Syntax ```html ``` ### Attribute Values | Value | Description | | :--- | :--- | | `URL` | Specifies the URL of the resource to be embedded.

**Possible values:**
• **Absolute URL:** Points to a resource hosted on another website (e.g., `data="https://www.example.com/file.pdf"`).
• **Relative URL:** Points to a resource within the same website (e.g., `data="media/file.pdf"`). | --- ## Browser Support The `data` attribute is universally supported across all major modern web browsers: * Google Chrome * Mozilla Firefox * Microsoft Edge / Internet Explorer * Safari * Opera --- ## Code Examples ### Example 1: Embedding a PDF Document The `` element is commonly used to embed PDF documents directly into a webpage. ```html Embed PDF Example

Viewing a PDF Document

Your browser does not support PDFs. Download the PDF instead.

 ``` ### Example 2: Embedding an SVG Image You can use the `data` attribute to embed vector graphics (SVG) while keeping them interactive. ```html Company Logo ``` ### Example 3: Embedding a Flash File (Legacy) Historically, the `` tag was widely used to embed Flash (`.swf`) files. > **Note:** Modern browsers and Adobe have officially deprecated and removed support for Flash Player. This example is for historical reference only. ```html

Flash content is no longer supported in modern browsers.

 ``` --- ## Technical Considerations & Best Practices 1. **Fallback Content:** Always include fallback content inside the `` tags. If the browser cannot resolve the URL in the `data` attribute or does not support the file type, it will render the nested HTML elements instead. 2. **The `type` Attribute:** It is highly recommended to pair the `data` attribute with the `type` attribute (which specifies the MIME type of the resource). This helps the browser determine if it can render the file before downloading it. 3. **HTML5 Compatibility:** There are no differences in the behavior of the `data` attribute between HTML 4.01 and HTML5. However, for modern web development, standard elements like `