Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách nhúng đối tượng (embedded object) trong HTML?

Thẻ <object> nhúng tài nguyên ngoài: hình ảnh, video, audio, PDF, Flash (cũ), ứng dụng Java/ActiveX (cũ), trang HTML khác. Hiện nay ít dùng do có thẻ chuyên biệt hơn (<img>, <video>, <audio>, <iframe>, <embed>).

Thuộc tính chính

Thuộc tính Giá trị Mô tả
dataURLĐịa chỉ tài nguyên nhúng
typeMIME typeLoại nội dung (ví dụ: application/pdf)
width / heightpxKích thước
namenameTên đối tượng
usemap#map-nameLiên kết image map
formform-idLiên kết form (HTML5)
typemustmatchbooleanYêu cầu type khớp Content-Type (bảo mật)

Ví dụ nhúng PDF

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ object HTML</title>
  </head>
  <body>
    <object data="/files/bao-cao.pdf" type="application/pdf" width="100%" height="500">
      <p>Trình duyệt không hỗ trợ hiển thị PDF. <a href="/files/bao-cao.pdf">Tải về</a></p>
    </object>
  </body>
</html>

So sánh với thẻ khác

Thẻ Dùng cho
<img>Hình ảnh tĩnh
<video> / <audio>Media phát được
<iframe>Trang HTML khác (cross-origin OK)
<embed>Plugin/NPAPI (cũ), SVG, PDF (đơn giản)
<object>Đa mục đích, fallback phức tạp, param

Lưu ý

  • Dùng <param> bên trong <object> cho tham số plugin (Flash/Java cũ).
  • Fallback content (nội dung giữa thẻ mở/đóng) hiển thị khi không nhúng được.