Thẻ <object> HTML

Định nghĩa và cách sử dụng

<object> Thẻ định nghĩa khay của tài nguyên ngoài.

Tài nguyên ngoài có thể là trang web, hình ảnh, trình phát phương tiện hoặc ứng dụng plugin.

Để chèn hình ảnh, tốt nhất nên sử dụng thẻ <img>.

Để chèn HTML, tốt nhất nên sử dụng thẻ <iframe>.

Để chèn video hoặc âm thanh, tốt nhất nên sử dụng <video> và <audio> Thẻ

Xin xem thêm:

Hướng dẫn HTML:Thẻ HTML Object

Hướng dẫn tham khảo HTML DOM:Đối tượng Object

Plugin

<object> Thẻ được thiết kế ban đầu để chèn plugin vào trình duyệt.

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

Plugin có nhiều mục đích khác nhau:

  • Chạy ứng dụng Java
  • Chạy điều khiển ActiveX
  • Hiển thị phim Flash
  • Hiển thị bản đồ
  • Quét virus
  • Xác thực 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ợ ứng dụng Java小程序 và các plugin.

Không có trình duyệt nào còn hỗ trợ các điều khiển ActiveX.

Ngày nay, các trình duyệt hiện đại đã ngừng hỗ trợ Shockwave Flash.

Mô hình

Ví dụ 1

Hình ảnh chèn:

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

Thử ngay

Ví dụ 2

Trang HTML chèn:

<object data="/index.html" width="500" height="300"></object>

Thử ngay

Ví dụ 3

Video chèn:

<object data="shanghai.mp4" width="640" height="300"></object>

Thử ngay

Thuộc tính

Thuộc tính Giá trị Mô tả
data URL Định nghĩa URL của tài nguyên mà đối tượng phải sử dụng.
form ID biểu mẫu Định nghĩa biểu mẫu mà đối tượng thuộc về.
height Pixel Định nghĩa chiều cao của đối tượng.
name Tên Định nghĩa tên của đối tượng.
type Loại phương tiện Định nghĩa loại phương tiện của dữ liệu được chỉ định trong thuộc tính data.
typemustmatch true/false Định nghĩa xem thuộc tính type có phải khớp với nội dung thực tế của tài nguyên mới hiển thị.
usemap #mapname Định nghĩa tên của bản đồ hình ảnh khách hàng mà phải sử dụng cùng với đối tượng.
width Pixel Định nghĩa độ rộng của đối tượng.

Thuộc tính toàn cục

<object> Thẻ này cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<object> Thẻ này cũng hỗ trợ 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ẽ sử dụng giá trị mặc định sau để hiển thị phần tử <object>:

object:focus {
  outline: none;
}

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ