Thẻ <đối tượng> HTML
Ví dụ
Một hình ảnh được nhúng:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Hãy tự mình thử »Ví dụ
Một trang HTML được nhúng:
<object data="snippet.html" width="500" height="200"></object>
Hãy tự mình thử »Ví dụ
Một video được nhúng:
<object data="video.mp4" width="400" height="300"></object>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thẻ <object>
xác định vùng chứa cho tài nguyên bên ngoài.
Tài nguyên bên ngoài có thể là trang web, hình ảnh, trình phát đa phương tiện hoặc ứng dụng plug-in.
Để nhúng ảnh, tốt hơn nên sử dụng thẻ <img>
.
Để nhúng HTML, tốt hơn nên sử dụng thẻ <iframe>
.
Để nhúng video hoặc âm thanh, tốt hơn nên sử dụng thẻ <video>
và <audio>
.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |
Bổ sung
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 các ứ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 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 nữa.
Đ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.
Thuộc tính
Attribute | Value | Description |
---|---|---|
data | URL | Specifies the URL of the resource to be used by the object |
form | form_id | Specifies which form the object belongs to |
height | pixels | Specifies the height of the object |
name | name | Specifies a name for the object |
type | media_type | Specifies the media type of data specified in the data attribute |
typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
width | pixels | Specifies the width of the object |
Thuộc tính chung
Thẻ <object>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <object>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Trang liên quan
Hướng dẫn HTML: Phần tử đối tượng HTML
Tham chiếu DOM HTML: Đối tượng đối tượng
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;
}