You might see <object> Element reference while reading someone else’s HTML, or need it while building a page of your own. Instead of memorizing a definition, look at a working example and see when the element makes sense.
The Idea in Plain English
Embeds a resource supported by the browser and can contain fallback content. Choose ordinary links when an embedded PDF is not essential.
For a reference page, pay attention to where the element is allowed, whether it needs a closing tag, and what other elements it can contain.
A Working Example
Read the sample once before copying it. Notice the element names and attribute values, then compare them with the explanation below.
<object data="/files/report.pdf" type="application/pdf" width="650" height="400">
<p><a href="/files/report.pdf">Read the report PDF</a></p>
</object>What Each Part Does
- The object element embeds a resource while allowing fallback content.
- The anchor is a link when its href points to a destination.
- A paragraph keeps one idea together as readable text.
- type chooses the relevant kind of script, input, media or embedded object.
- width reserves the image or embedded resource’s intended horizontal dimension.
- height reserves the image or embedded resource’s intended vertical dimension.
A browser may show the PDF; otherwise the link remains.
Try It Yourself
Try replacing the example content with your own while keeping the valid HTML structure.
Common Beginner Mistakes
- Depending on browser plug-ins or unsupported MIME types without fallback.
- Copying the code without checking whether its linked files or endpoints exist; sample addresses and file paths need real resources.
- Choosing a tag only because its default appearance looks right, without checking whether it describes the content correctly.
Key Takeaways
- Embeds a resource supported by the browser and can contain fallback content. Choose ordinary links when an embedded PDF is not essential.
- A browser may show the PDF; otherwise the link remains.
- Test the markup in a browser, and check accessibility and real-world behavior where relevant.