Thẻ HTML <object>

Định nghĩa và cách sử dụng thẻ <object>

Thẻ <object> xác định container cho tài nguyên bên ngoài. Tài nguyên bên ngoài có thể là trang web, ảnh, trình phát media hoặc ứng dụng plug-in. Ví dụ:

Một hình ảnh nhúng:

<object data="pic_trulli.jpg" width="300" height="200"></object>

Một trang HTML được nhúng:

<object data="snippet.html" width="500" height="200"></object>

Một video nhúng:

<object data="video.mp4" width="400" height="300"></object>

Lưu ý:

• Để nhúng ảnh, tốt hơn là sử dụng thẻ <img>.
• Để nhúng HTML, tốt hơn là sử dụng thẻ <iframe>.
• Để nhúng video hoặc âm thanh, tốt hơn là sử dụng các thẻ <video> và <audio>.

Hỗ trợ trình duyệt

Các plug-in

Thẻ <object> ban đầu được thiết kế để nhúng các plug-in của trình duyệt.

Plug-in là các chương trình máy tính mở rộng chức năng tiêu chuẩn của trình duyệt.

Plug-in đã được sử dụng cho nhiều mục đích khác nhau:

• Chạy Java applet
• Chạy các điều khiển ActiveX
• Hiển thị phim Flash
• Hiển thị bản đồ
• Quét virus
• Xác minh ID ngân hàng

Cảnh báo!

• Hầu hết các trình duyệt không còn hỗ trợ Java applet và plug-in.
• Điều khiển ActiveX không còn được hỗ trợ trong bất kỳ trình duyệt nào.
• Hỗ trợ cho Shockwave Flash cũng đã bị tắt trong các trình duyệt hiện đại.

Các thuộc tính

Thuộc tính Global

Thẻ <object> cũng hỗ trợ các thuộc tính Global trong HTML.

Thuộc tính sự kiện

Thẻ <object> cũng hỗ trợ các thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử <object> với các giá trị mặc định sau:

object:focus {
  outline: none;
}